/*------------------------------------------------- color_bl */
.color__boxs.color_bl .heading,
.color__boxs.color_bl .sub_heading {
	color: #fff;
}
.color__boxs.color_bl .heading{
	background: #4759f5;
}
.color__boxs.color_bl .sub_heading{
	background: #7e8af8;
}

.color_beige {
	background: #f2ebdc;
}

.visid * + .button {
	margin-top: 1em;
}



/* ==================================================
	slick
================================================== */

/* ----------------------------------------
	arrow
---------------------------------------- */

.visid .slick-prev,
.visid .slick-next {
	transform: none;
	transition: .2s;
	width: 44px;
	height: 44px;
}

.visid .slick-prev::before,
.visid .slick-next::before {
	display: inline-block;
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square.svg);
	width: 30px;
	height: 30px;
	opacity: 1;
	background: rgba(0, 0, 0, .4);
}

.visid .slick-prev::before {
	transform: rotate(180deg);
}

.visid .slick-prev:hover::before,
.visid .slick-next:hover::before {
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square_hover.svg);
}


/* v_arrow_white -------------------- */

.v_arrow_white .slick-prev::before,
.v_arrow_white .slick-next::before {
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square_white.svg);
	position: relative;
	z-index: 1;
}

.v_arrow_white .slick-prev:hover::before,
.v_arrow_white .slick-next:hover::before {
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square_white.svg);
}

.v_arrow_white .slick-prev::after,
.v_arrow_white .slick-next::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .2s;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, .4);
}

.visid .slick-prev:hover::after,
.visid .slick-next:hover::after {
	background: rgba(0, 0, 0, .6);
}
.visid .slick-prev:hover::before,
.visid .slick-next:hover::before {
	background: rgba(0, 0, 0, .6);
}



/* ----------------------------------------
	dots
---------------------------------------- */

.visid .slick-dots {
	left: 0;
}

.visid .slick-dots li {
	margin: 0;
}

.visid .slick-dots li.slick-active,
.visid .slick-dots li.slick-active button {
	width: 76px;
}

.visid .slick-dots li button::before {
	width: 5px;
	height: 5px;
	background: #c7c7c7;
	opacity: 1;
}

.visid .slick-dots li button:hover::before,
.visid .slick-dots li button:focus::before,
.visid .slick-dots li.slick-active button::before {
	background: #000;
}

.visid .slick-dots li.slick-active button::before {
	width: 56px;
	border-radius: 2.5px;
}


/*-------------------------------------------
main indigo_7k
-----------------------------------------------*/
.main{
	position: relative;
}
.main .img_area {
	/* max-width: 1920px;
	height: 600px; */
	margin: 0 auto;
	position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
}
.main .img_area img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.main .text_area {
	top: 0;
	left: 0;
	width: 100%;
}
.main .heading {
    padding: 2rem;
	color: #fff;
    background: #212248;
    border-bottom: 1px #fff solid;
}
.main .sub_heading,
.main .copy {
	position: relative;
	color: #fff;
	padding: 15px 20px;
	background: #212248;
    border-top: 1px #fff solid;

}
/* .main .inner {
	max-width: 1920px;
	margin-right: auto;
    margin-left: auto;
} */

@media screen and (min-width: 768px) {
	.main .copy {
		padding: 30px 20px;
		position: relative;
	}
}
@media screen and (min-width: 1280px) {
	.main .img_area {
		height: auto;
	}
}


/*------------------------------------- movie */
.movie {
	position: relative;
	max-height: 300px;
}
.movie .img_area img {
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: auto;
	min-height: 350px;
}
.movie .text_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 40px);
	color: #fff;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.movie {
		max-height: 500px;
	}
	.movie .img_area img {
		min-height: 550px;
	}
}


/*-------------------------------------------------------
	indigo_v12_point
--------------------------------------------------------- */
/* .indigo .heading,
.indigo .sub_heading {
	color: #fff;
	padding: 25px 20px;
}
.indigo .heading {
	background: #212248;
}
.indigo .sub_heading {
	background: #7e8af8;
} */
.indigo .copy {
	padding: 2rem 1.6rem 5rem;
}
@media screen and (min-width: 768px) {
	/* .indigo .heading,
	.indigo.sub_heading {
		padding-right: 30px;
		padding-left: 30px;
	} */
	.indigo .copy {
		padding: 60px 20px
	}
}

/*-------------------------------------------------------
	point_list
--------------------------------------------------------- */
.point_list > li h3,
.point_list > li p{
	padding: 1rem;
}
.point_list > li h3{
	border-bottom: 1px #000 solid;
}

@media screen and (max-width: 767px) {
	.point_list.col1.space > *:nth-of-type(n+2) {
		margin-top: 3rem;
	}
}

/*-------------------------------------------------------
	users_success.point_list point_list
--------------------------------------------------------- */
.users_success.point_list > li h3,
.users_success.point_list > li p{
	padding: 0;
}
.users_success.point_list > li h3 {
	margin-top: 2rem;
}


.users_success.point_list > li h3{
	border-bottom: none;
}
.users_success.point_list > li .linkarrow_btn_box {
	padding-top: 2rem;
}

@media screen and (min-width: 767px) {
	.users_success.point_list > li{
		display: flex;
		flex-direction: column;
	}
	.users_success.point_list > li .linkarrow_btn_box{
		margin-top: auto;
		text-align: left;
	}
}

/*------------------------------------------
	md_point_detail
------------------------------------------- */
#md_point_detail .modal_content_inner{
	padding: 20px 10px;
}

.point_detail.slider > div h4{
	border-bottom:1px #000 solid;
}
.point_detail.slider > div h4,
.point_detail.slider > div p,
.point_detail.slider > div .list_basic{
	padding: .8em;
}

@media screen and (max-width: 1023px) {
	.point_detail.slider{
		margin-top: 4rem;
	}
	.point_detail.slider .slick-prev, 
	.point_detail.slider .slick-next{
		top: -2.3rem;
	}
	.point_detail.slider .slick-prev{
		left: calc(100% - 80px);
	}
	.point_detail.slider .slick-next{
		right: 0;
	}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	#md_point_detail .section_content.mw1220 {
		width: 700px;
	}
	.point_detail.slider > div{
		margin: 0 15px;
	}
	.point_detail.slider .slick-prev, 
	.point_detail.slider .slick-next{
		top: -1rem;
	}
	.point_detail.slider .slick-next{
		right: 1rem;
	}
	.point_detail.slider .slick-prev{
		left: calc(100% - 90px);
	}
}
@media screen and (min-width: 1024px) {
	#md_point_detail .modal_content_inner{
		padding: 30px;
	}
	.point_detail.slider{
		display: flex;
		margin: 0 -10px;
	}
	.point_detail.slider > div{
		margin: 0 10px;
		width: calc((100% - 60px ) / 3);
	}
}





/* ==================================================
	different_purposes_area
	v_switcher
================================================== */


.v_switcher_wrapper {
	padding: 30px 20px;
	border-top: 1px #000 solid;
}
.v_switcher_wrapper .for_pc {
	display: none;
}

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

@media screen and (min-width: 1024px) {
	.v_switcher_wrapper .for_sp {
		display: none;
	}
	.v_switcher_wrapper .for_pc {
		display: block;
	}
}



/* ----------------------------------------
	slider
---------------------------------------- */

.v_switcher .slider_for {
	display: none;
}
.v_switcher .slider_for.slick-initialized {
	display: block;
}
.v_switcher .slider_for .item img {
	height: auto;
}
.v_switcher .text_area {
	margin-top: 20px;
}
.v_switcher .slider_navi .item {
	user-select: text;
}
.v_switcher .slider_navi .item h3 {
	font-size: 18px;
	line-height: 22px;
}

@media screen and (max-width: 1023px) {
	.v_switcher {
		margin-top: 20px;
	}
	.v_switcher .slider_for {
		padding-top: 50px;
	}
	.v_switcher .slider_navi {
		display: none;
	}
	.v_switcher .slider_navi.slick-initialized {
		display: block;
	}
	.v_switcher .slider_navi .item .text {
		margin-top: 10px;
	}
}

@media screen and (min-width: 1024px) {
	.v_switcher {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.v_switcher .img_area {
		width: 57.95%;
	}
	.v_switcher .text_area {
		width: calc(100% - (57.95% + 30px));
		margin-top: 0;
	}
	.v_switcher .slider_navi {
		margin-top: 30px;
	}
	.v_switcher .slider_navi .slick-list {
		overflow: visible;
		padding: 0 !important;
	}
	.v_switcher .slider_navi .slick-track {
		transform: none !important;
		width: 100% !important;
	}
	.v_switcher .slider_navi .item {
		width: 100% !important;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
	}
	.v_switcher .slider_navi .item:nth-of-type(n+2) {
		margin-top: 15px;
	}
	.v_switcher .slider_navi .item .text {
		overflow: hidden;
		opacity: 0;
		transform: translateY(5px);
		transition: transform .5s ease-in-out, opacity .5s ease-in-out;
		height: 0;
	}
	.v_switcher .slider_navi .item.slick-current .text {
		overflow: visible;
		opacity: 1;
		transform: translateY(0);
		height: auto;
		margin-top: 10px;
	}

	/* h3 -------------------- */
	.v_switcher .slider_navi h3 {
		color: #959595;
		cursor: pointer;
	}
	.v_switcher .slider_navi h3:hover,
	.v_switcher .slider_navi .slick-current h3 {
		color: #000;
	}
	.v_switcher .slider_navi h3::after {
		display: inline-block;
		vertical-align: middle;
		content: "";
		width: 12px;
		height: 6px;
		margin-left: 10px;
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="m455.465 769.707-1.847-.974 3.478-5.054-3.475-4.989 1.841-.983 4.156 5.966z" transform="rotate(90 611.663 158.045)" fill="%23959595"></path></svg>');
	}
	.v_switcher .slider_navi h3:hover::after,
	.v_switcher .slider_navi .slick-current h3::after {
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="m455.465 769.707-1.847-.974 3.478-5.054-3.475-4.989 1.841-.983 4.156 5.966z" transform="rotate(90 611.663 158.045)" fill="%23000"></path></svg>');
	}
	.v_switcher .slider_navi .slick-current h3::after {
		transform: rotate(180deg);
	}
}


/* arrow -------------------- */

.v_switcher .slick-prev,
.v_switcher .slick-next {
	transform: none;
	transition: .2s;
	top: -7px;
	width: 44px;
	height: 44px;
}
.v_switcher .slick-prev {
	right: 44px;
	left: auto;
}
.v_switcher .slick-next {
	right: -7px;
}
.v_switcher .slick-prev::before,
.v_switcher .slick-next::before {
	display: inline-block;
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square.svg);
	width: 30px;
	height: 30px;
}
.v_switcher .slick-prev::before {
	transform: rotate(180deg);
}
.v_switcher .slick-prev:hover::before,
.v_switcher .slick-next:hover::before {
	content: url(/content/dam/jp-ext-hp-com/jp/ja/ec/common/images/arrow/square_hover.svg);
}


/* dots -------------------- */

.v_switcher .slider_navi .slick-dots {
	left: 0;
}
.v_switcher .slider_navi .slick-dots li {
	width: 17px;
	height: 17px;
	margin: 0;
}
.v_switcher .slider_navi .slick-dots li button {
	width: 17px;
	height: 17px;
}
.v_switcher .slider_navi .slick-dots li button::before {
	width: 5px;
	height: 5px;
	background: #c7c7c7;
	opacity: 1;
}
.v_switcher .slider_navi .slick-dots li.slick-active,
.v_switcher .slider_navi .slick-dots li.slick-active button {
	width: 68px;
}
.v_switcher .slider_navi .slick-dots li button:hover::before,
.v_switcher .slider_navi .slick-dots li button:focus::before,
.v_switcher .slider_navi .slick-dots li.slick-active button::before {
	background: #000;
}
.v_switcher .slider_navi .slick-dots li.slick-active button::before {
	width: 56px;
	border-radius: 2.5px;
}








/* ==================================================
	feature_focus
================================================== */

.feature_focus {
	margin-top: 40px;
}

/* .slick-list {
	width: 1920px !important;
}

.slick-track {
	width: 890px !important;
} */

/* ----------------------------------------
	navi
---------------------------------------- */

.feature_focus_navi .slick-track {
	transform: translate3d(0,0,0) !important;
	max-width: 1220px;
	margin: 0 auto;
}
.feature_focus_navi .slick-track::after {
	display: block;
	content: "";
	width: 100%;
	height: 0;
	padding-top: 49.0163934%; /* (画像の高さ / 画像の横幅) × 100 */
	background: url(images/feature_focus.jpg) no-repeat center center / cover;
}
.feature_focus_navi .item {
	position: absolute;
	transform: translate(-50%,-50%);
	transition: .2s;
	width: 28px !important;
	height: 28px;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 6px 0 rgb(0,0,0,.2);
	cursor: pointer;
}
.feature_focus_navi .item:hover,
.feature_focus_navi .slick-current {
	color: #fff;
	background: #165dba;
}
/* num */
.feature_focus_navi .num1 { top: 20%; left: 16%;}
.feature_focus_navi .num2 { top: 54%; left: 25%;}
.feature_focus_navi .num3 { top: 92%; left: 22%;}
.feature_focus_navi .num4 { top: 17%; left: 96%;}
.feature_focus_navi .num5 { top: 10%; left: 58%;}

@media screen and (min-width: 480px) {
	.feature_focus_navi .num4 { top: 30%; left: 41%;}
}

@media screen and (max-width: 1023px) {
	.feature_focus_navi {
		margin: 0;
	}
	.feature_focus_navi .slick-list {
		padding: 0 8px;
	}
}

@media screen and (min-width: 1280px) {
	.feature_focus_navi .item {
		width: 30px !important;
		height: 30px;
		line-height: 33px;
	}
}



/* ----------------------------------------
	for
---------------------------------------- */

.feature_focus_for {
	user-select: text;
	padding: 20px 20px 10px;
}
.feature_focus_for .item {
	opacity: .6;
	cursor: pointer;
}
.feature_focus_for .item.slick-current {
	opacity: 1;
}
.feature_focus_for h3 {
	position: relative;
	padding-left: 20px;
}
.feature_focus_for h3 span {
	position: absolute;
	left: 0;
}
.feature_focus_for .text_area {
	margin-top: 10px;
	padding-left: 20px;
}
.feature_focus_for .slick-prev.slick-disabled,
.feature_focus_for .slick-next.slick-disabled {
	display: none !important;
}

@media screen and (min-width: 1024px) {
	.feature_focus_for {
		padding-right: 0;
		padding-left: 0;
	}
	.feature_focus_for .item {
		padding: 0 15px;
	}

	.feature_focus_for .slick-prev { left: -50px; }
	.feature_focus_for .slick-next { right: -50px; }
}



/*============================= 

	info__area

============================== */
.info__boxs {
	display: grid;
	grid-gap: 4rem 2rem;
}
.info__boxs + .info__boxs {
	border-top: 1px #000 solid;
	padding-top: 3rem;
	margin-top: 3rem;
}

@media screen and (min-width: 720px) {
	.info__boxs {
		grid-template-columns: repeat(2, 1fr);
	}
	.info__boxs + .info__boxs {
		padding-top: 60px;
		margin-top: 60px;
	}

}


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

security_printing_area

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

.security_printing_area.color__boxs.color_cyan .heading,
.security_printing_area.color__boxs.color_cyan .sub_heading{
	background: #4759f5;
	color: #fff;
}

.security_printing_slider_nav{
	width: 100%;
	padding: 0 3rem;
}
.security_printing_slider_nav .nav_item{
	background: #e6e6e6;
	padding: .5rem 1rem;
	color: #000;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 56px;
	margin-left: 1px;
	font-size: 14px;
	line-height: 1.2;
}
@media screen and (min-width: 1024px) {
	.security_printing_slider_nav{
		padding: 0;
	}
	.security_printing_slider_nav .nav_item{
		font-size: 16px;
	}
	.security_printing_slider_nav .nav_item:hover{
		background: #999;
		color: #fff;
	}
}

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

security_printing_slider_nav security_printing_slider_for
slider

--------------------------------------------- */
.security_printing_slider_nav,
.security_printing_slider_for {
	display: none;
}
.security_printing_slider_nav.slick-initialized,
.security_printing_slider_for.slick-initialized {
	display: block;
}

/*------------------------------------------------- nav */
.security_printing_slider_nav .nav_item.slick-slide.slick-current.slick-active{
	background: #000;
	color: #fff;
}
@media screen and (min-width: 480px) {
	.security_printing_slider_nav.slick-initialized.slick-slider .slick-list{
		padding: 0 5% 0 0;
	}
}
@media screen and (min-width: 1024px) {
	.security_printing_slider_nav.slick-initialized.slick-slider .slick-list{
		padding: 0 10% 0 0;
	}
}
/*------------------------------------------------- for */
.security_printing_slider_for{
	padding-bottom: 4rem;
}
.logo_boxs{
	display: flex;
	flex-wrap: wrap;
}
.logo_boxs > li {
	margin: 1rem;
}
.logo_boxs img{
	max-height: 90px;
	width: auto;
}
@media screen and (min-width: 1024px) {
	.security_printing_slider_for .item.slick-slide{
		height: auto;
		max-height: 500px;
	}
	.security_printing_slider_for .item.height_auto.slick-slide.slick-current.slick-active{
		max-height: 100%!important;
	}
}
/*-------------------------------------------------  slick-prev / slick-next */
.security_printing_slider_nav .slick-prev, 
.security_printing_slider_nav .slick-next{
	display: block!important;
}
.security_printing_slider_nav .slick-prev, 
.security_printing_slider_nav .slick-next{
	top: 15%;
}
.security_printing_slider_nav .slick-prev{
	left: -15px;
}
.security_printing_slider_nav .slick-next{
	right: -15px;
}
@media screen and (min-width: 1024px) {
	.security_printing_slider_nav .slick-prev{
		left: -50px;
	}
	.security_printing_slider_nav .slick-next{
		right: -50px;
	}

}

/*----------------------------------------------------------- security_printing__boxs */

.security_printing__boxs {
	display: grid;
	grid-gap: 6rem 3rem;
}
.security_printing__boxs > div {
    display: flex;
    flex-direction: column;
}
.security_printing__boxs .txt__box {
	margin: 2rem 0;
}
.security_printing__boxs .btn__box {
	margin-top: auto;
}

@media screen and (min-width: 720px) {
	.security_printing__boxs {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

	logo__list

--------------------------------------------- */
.logo__list {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3rem;
}
@media screen and (min-width: 720px) {
	.logo__list {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 1280px) {
	.logo__list {
		grid-template-columns: repeat(5, 1fr);
	}
}

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

	app_solution style_basic

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

@media screen and (max-width: 767px) {
	.app_solution.style_basic{
		width: 760px;
	}
}
.app_solution.style_basic thead td{
	border: 1px #000 solid;
	background: #e6e6e6;
	padding: .3em 1em;
}
.app_solution.style_basic tbody td{
	border: none;
	border-bottom: 1px #000 solid;
}
.app_solution.style_basic tbody td img{
	max-height: 40px;
	width: auto;
}






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

	mv_area_boxs slider

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

.mv_area_boxs.slider {
	display: none;
}
.mv_area_boxs.slider.slick-initialized {
	display: block;
}
/*-------------------------------------- slick-prev*/


.mv_area_boxs.slider .slick-prev{
	left: 1rem;
}
.mv_area_boxs.slider .slick-next{
	right: 1rem;
}
@media screen and (min-width: 768px) {
	.mv_area_boxs.slider .slick-prev{
		left: 2rem;
	}
	.mv_area_boxs.slider .slick-next{
		right: 2rem;
	}
}

/*--------------------------------------- .slick-dots */
.mv_area_boxs.slider .slick-dots{
	bottom: 1rem;
}
.mv_area_boxs.slider .slick-dots li.slick-active button::before{
	background: #fff;
}

/*------------------------------------- movie */
.mv_area_boxs .movie {
	position: relative;
}
.mv_area_boxs .movie .img_area img {
	aspect-ratio: 16 / 5;
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: auto;
	min-height: 600px;
}
.mv_area_boxs .movie .text_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 40px);
	color: #fff;
	text-align: left;
	padding: 4rem;
}

@media screen and (min-width: 768px) {
	.mv_area_boxs .movie .text_area {
		padding: 0 80px;
	}
}

@media screen and (max-width: 767px) {
	.mv_area_boxs a.play{
		width: 50px;
		height: 50px;
	}
}



/*------------------------------------------------------- 
perfect_harmony_box
-------------------------------------------------------- */

.perfect_harmony_box {
	display: flex;
	flex-direction: column; /* 画像を上にする場合は column-reverse にしてください */
}
.perfect_harmony_box .title,
.perfect_harmony_box .subtitle {
	border-bottom: 1px #000 solid;
}
.perfect_harmony_box .title .inner,
.perfect_harmony_box .subtitle .inner {
	padding: 15px 20px;
}
.perfect_harmony_box .text .inner {
	padding: 30px 20px 50px;
}
.perfect_harmony_box .img_area img {
	object-fit: cover;
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	.perfect_harmony_box .text_area .inner {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
	.perfect_harmony_box .img_area img {
		height: 400px;
	}
}

@media screen and (min-width: 1280px) {
	.perfect_harmony_box {
		flex-direction: row;
		min-height: 600px;
	}
	.perfect_harmony_box .text_area {
		width: calc(50% - 193px);
	}
	.perfect_harmony_box .text_area .inner {
		max-width: calc(416px + 30px);
		margin-left: auto;
	}
	.perfect_harmony_box .img_area {
		width: calc(50% + 193px);
	}
	.perfect_harmony_box .img_area img {
		max-width: 1053px;
		height: 100%;
	}
}

@media screen and (min-width: 1920px) {
	.perfect_harmony_box .text_area {
		width: calc(50% - 93px);
	}
	.perfect_harmony_box .text_area .inner {
		max-width: calc(516px + 30px);
	}
	.perfect_harmony_box .img_area {
		width: calc(50% + 93px);
	}
}


/* ==================================================
	disclaimer
================================================== */

.disclaimer {
	padding: 30px 20px;
	background: #e6e6e6;
}
.disclaimer a {
	color: #000;
	text-decoration: underline;
}
.disclaimer a:hover {
	background: rgba(0,0,0,.1);
}
.disclaimer .inner {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
}
.disclaimer .acco_trigger {
	position: relative;
	padding: 20px 0;
	font-size: 16px;
	line-height: 24px;
}
.disclaimer .acco_trigger::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 12px;
	height: 6px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="m455.465 769.707-1.847-.974 3.478-5.054-3.475-4.989 1.841-.983 4.156 5.966z" transform="rotate(90 611.663 158.045)" fill="%23000"></path></svg>');
}
.disclaimer .acco_trigger.acco_open::after {
	transform: translateY(-50%) rotate(180deg);
}
.disclaimer .acco_content {
	padding-bottom: 20px;
}
.disclaimer .acco_content > * + * {
	margin-top: 20px;
}
.disclaimer .notes_num > li:nth-child(n+2) {
	margin-top: 16px;
}

@media screen and (min-width: 768px) {
	.disclaimer {
		padding-right: 30px;
		padding-left: 30px;
	}
}