@charset "UTF-8";

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

  reset

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

html {
	font-size: 62.5%;
}
body {
	overflow-x: hidden;
	/* padding-top: 200px; */
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: top;
	/* line-height: 20px; */
	/* line-height: 2rem; */
	line-height: 150%;
}
ruby,
rb {
	vertical-align: baseline;
}
.pbHeaderArea,
.pbFooterArea {
	overflow: visible;
	width: 100%;
}
/* :focus {   */
	/* outline: none; */
	
	/* border: 3px solid #524E91; */
    /* border-radius: 4px; } */
:focus-visible {
	/* outline: none; */
	/* ������ :focus ��:focus-visible�@�֕ύX */
	border: 3px solid #524E91;
    border-radius: 4px;
}
:root ol, :root ul {
	margin: 0;
	padding: 0;
}
.pbNested {
	clear: none;
	overflow: visible;
	min-width: 30px;
	overflow: visible;
}
.pb-layout {
	outline: 1px dotted #ccc !important;
	box-shadow: none!important;
}
.pb-handle {
	display: block!important;
	width: auto!important;
	min-width: auto!important;
	height: auto!important;
	min-height: auto!important;
	margin-left: 0!important;
	border: 1px solid #999!important;
	font-weight: normal!important;
	letter-spacing: normal;
	text-indent: 0;
	line-height: 1.6;
}
.pb-handle:before,
.pb-handle:after {
	display: none;
}
.pbNotEditable {
	min-width: 200px!important;
	background: rgba(32, 32, 32, 0.5)!important;
}
.pbZero td {
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	body {
		/* padding-top: 0; */
	}
}


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

  page

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

div.pbPage {
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden!important;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	background: #fff;
	/* font-family: Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif; */
	/* �t�H���g�ύX */
    font-family: 'Noto Sans JP', sans-serif;
	/* color: #414141; */
	/* �J���[�ύX */
	color: #404040;

	/* font-size: 14px; */
	/* �t�H���g�T�C�Y�ύX */
	font-size: 16px;
	font-size: 1.6rem;

	/* line-height: 20px; */
	line-height: 150%;
	/* font-size: 1.4rem; */
	/* line-height: 2rem; */
	word-break: break-word;
}
::selection {
	/* background: #414141; */
	background: #404040;
	color: #fff;
}
::-moz-selection {
	/* background: #414141; */
	background: #404040;
	color: #fff;
}
.pbPage pre {
	padding: 15px;
	background: #333;
	color: #ccc;
	font-family: Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
	font-size: 90%;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	div.pbPage {
		position:relative;
		left: 0;
		transition: all .5s;
		box-shadow: #e5ded9 2px 0 4px;
	}
	div.pbPage.pbPage--open {
		left: -250px;
	}
	
}

@font-face {
    /* サイト内で使用するフォント名 (任意の名前) */
    font-family: 'NNNittiGrotesk-Heading';     
    src: url('/library/common/fonts/NNNittiGrotesk-Heading.woff2') format('woff2'),
         url('/library/common/fonts/NNNittiGrotesk-Heading.woff') format('woff');
   
    font-weight: bold;
    font-style: normal;
    /* (オプション) フォントがロードされるまでの表示方法の指定 */
    font-display: swap;
}
@font-face {
    /* サイト内で使用するフォント名 (任意の名前) */
    font-family: 'NNNittiGrotesk-TextBold';     
    src: url('/library/common/fonts/NNNittiGrotesk-TextBold.woff2') format('woff2'),
         url('/library/common/fonts/NNNittiGrotesk-TextBold.woff') format('woff');
   
    font-weight: bold;
    font-style: normal;
    /* (オプション) フォントがロードされるまでの表示方法の指定 */
    font-display: swap;
}
@font-face {
    /* サイト内で使用するフォント名 (任意の名前) */
    font-family: 'NNNittiGrotesk-TextMedium';     
    src: url('/library/common/fonts/NNNittiGrotesk-TextMedium.woff2') format('woff2'),
         url('/library/common/fonts/NNNittiGrotesk-TextMedium.woff') format('woff');
   
    font-weight: normal;
    font-style: normal;
    /* (オプション) フォントがロードされるまでの表示方法の指定 */
    font-display: swap;
}
@font-face {
    /* サイト内で使用するフォント名 (任意の名前) */
    font-family: 'NNNittiGrotesk-TextRegular';     
    src: url('/library/common/fonts/NNNittiGrotesk-TextRegular.woff2') format('woff2'),
         url('/library/common/fonts/NNNittiGrotesk-TextRegular.woff') format('woff');
   
    font-weight: normal;
    font-style: normal;
    /* (オプション) フォントがロードされるまでの表示方法の指定 */
    font-display: swap;
}


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

  base

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

/*  title
------------------------------------------------*/

/* h1,
h2,
h3,
h4 {
	font-weight: bold;
	color: #ea650d;
}   */
h1 {
	color: #ea650d;
	font-weight: 700;
}
h2,
h3,
h4,
h5,
h6 {
	color: #1A1A1A;
	font-weight: 700;
}

.pbPage h1 a,
.pbPage h2 a,
.pbPage h3 a,
.pbPage h4 a,
.pbPage h5 a,
.pbPage h6 a {
	/* color: #ea650d; */
	color: #1A1A1A;
	vertical-align: middle;
}
h1 {
	/* font-size: 26.25px; 
    line-height: 37px;
    font-size: 2.625rem;
    line-height: 3.7rem;*/
	font-weight: 700;
	font-size: 36px;      /* heading.xxl */ 
	font-size: 3.6rem;
	line-height: 110%;
}
h2 {
	/* font-size: 18px; 
	line-height: 27px;
	font-size: 1.8rem;
	line-height: 2.7rem;*/
	font-weight: 700;    /* heading.xl */
    font-size: 28px;
	font-size: 2.8rem;
    line-height: 110%;
}
/* h3, 
h4,
h5 {
	font-size: 14px;
	line-height: 20px;
	font-size: 1.4rem;
	line-height: 2rem;
} */

h3 {	   
    font-weight: 700;
	font-size: 24px;      /* heading.l */
	font-size: 2.4rem;
    line-height: 110%;
}
h4 {	    
    font-weight: 700;
	font-size: 20px;      /* Heading/M */
    font-size: 2.0rem;
    line-height: 110%;
}
h5 {
	font-weight: 700;
	font-size: 16px;      /* Heading/S */
	font-size: 1.6rem;
    line-height: 110%;
}
h6 {
	font-weight: 700;
	font-size: 14px;     /* Heading/XS */
	font-size: 1.4rem;
    line-height: 110%;
}

@media screen and (max-width: 767px) {   /*  */
	/* h1 { 
		font-size: 18px;
		line-height: 24px;
		font-size: 1.8rem;
		line-height: 2.4rem;
	} */
	h1 {                      /* Heading/XL */
		font-weight: 700;
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 110%;			
	}
	h2 {
		font-weight: 700;
		font-size: 24px;       /* Heading/L */
		font-size: 2.4rem;
		line-height: 110%;			
	}
	h3 {
		font-weight: 700;
		font-size: 20px;       
		font-size: 2.0rem;
		line-height: 110%;			
	}
	

}

/*  link
------------------------------------------------*/

a {
	/* color: #414141;  */
	transition: all .3s;
	text-decoration: none; 
	color : #1A1A1A;
}
a:hover {
	text-decoration: underline; 
	
  
}

/*  orangelink  */   

.pbPage .orangelink a {    /*  orangelink �͔p�~ */ 
	/* color: #ea650d; */
	
    color : #1A1A1A;
}

/*  blacklink  */        /* blacklink ���p�~  */ 

.pbPage .blacklink a {
	/* color: #414141; */
	text-decoration-line : underline;
    color : #1A1A1A;
}

/*  pc / sp
------------------------------------------------*/

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

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

/*  list
------------------------------------------------*/

.pbPage ul,
.pbPage ol {
	list-style: none;
}

/*  img
------------------------------------------------*/

.pbPage img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

/*  table
------------------------------------------------*/

.pbPage table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
.pbPage table th,
.pbPage table td {
	padding: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	border: none;
}

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

  publis block

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

/*  pbBlockMenu
========================================================================*/

.pbBlockMenu {
    position: relative;
    margin-top: 10px;
    padding-left: 31px;
}
.pbBlockMenu:before {
    /* content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d; */
	content: '';
    position: absolute;
    width: 17px;
    height: 21px;
    /* top: 0.2em; */
    left: 8px;
    /* border: 4px solid transparent; */
    /* border-left: 4px solid #ea650d; */
    background: url(/../../library/nnds/images/iconRight.svg);
    background-repeat: no-repeat;
    background-size: 1.1rem;
    background-position: left top 2px;
}

/*  pbWhatsnewTable
========================================================================*/

table.pbWhatsnewTable td {
	padding: 18px 0 0;
}
table.pbWhatsnewTable tr:first-child td {
	padding-top: 0;
}

@media screen and (max-width: 767px) {
	table.pbWhatsnewTable td {
		width: 100%!important;
		display: block;
	}
	table.pbWhatsnewTable td:first-child {
		padding: 15px 0 0;
	}
	table.pbWhatsnewTable td:last-child,
	table.pbWhatsnewTable tr:first-child td:last-child {
		padding: 5px 0 0;
	}
}

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

  header

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

#skip-to-content {
	position: absolute;
}
#skip-to-content:focus-visible {
	display: block;
    top: 10px;
    left: 10px;
    z-index: 100;
    padding: 12px 16px;
    background-color: #004BBE;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    pointer-events: none;
    text-decoration: none;
}
header {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 1px solid #e5ded9;
	/* position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10; */
}
header.open {
	border-bottom: 1px solid transparent;
}
header .inner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% - 20px);
	max-width: 1020px;
	margin: 0 auto;
	padding-top: 30px;
}
.header-simple .inner {
	padding-bottom: 30px;
}
.header-short .inner {
	max-width: 720px;
}
header .logo a {
	display: block;
	width: 111px;
	height: 62px;
	/* width: 320px; */
	/* height: 70px; */
	/* background: url(../images/header_logo.png) no-repeat; */
	/* background: url(/library/nnds/images/logo_nn-pos-rgb-0072_1.png) left/90% no-repeat; */
	font-size: 0;
	position: relative;
}
header .logo img {
	position: absolute;
    width: 90%;
    bottom: 10px;
}
header .descriptor {
	/* margin: 5px 0 0 128px; */
	margin: 0px 0 4px 0px;
	/* color: #999; */
	color: #404040;
}
header .nav-btn {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -20px;
	width: 65px;
	height: 50px;
}
header .nav-btn span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 25px;
	height: 4px;
	background: #ea650d;
	border-radius: 2px;
}
header .nav-btn span:nth-of-type(1) {
	top: 14px;
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {-webkit-transform: translateY(9px) rotate(45deg);}
	50% {-webkit-transform: translateY(9px) rotate(0);}
	100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar01 {
	0% {transform: translateY(9px) rotate(45deg);}
	50% {transform: translateY(9px) rotate(0);}
	100% {transform: translateY(0) rotate(0);}
}
header .nav-btn span:nth-of-type(2) {
	top: 0;
	bottom: 0;
	transition: all .25s .25s;
	opacity: 1;
}
header .nav-btn span:nth-of-type(3) {
	bottom: 14px;
	-webkit-animation: menu-bar03 .75s forwards;
	animation: menu-bar03 .75s forwards;
}
@-webkit-keyframes menu-bar03 {
	0% {-webkit-transform: translateY(-9px) rotate(-45deg);}
	50% {-webkit-transform: translateY(-9px) rotate(0);}
	100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar03 {
	0% {transform: translateY(-9px) rotate(-45deg);}
	50% {transform: translateY(-9px) rotate(0);}
	100% {transform: translateY(0) rotate(0);}
}
.pbPage--open .nav-btn span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {-webkit-transform: translateY(0) rotate(0);}
	50% {-webkit-transform: translateY(9px) rotate(0);}
	100% {-webkit-transform: translateY(9px) rotate(45deg);}
}
@keyframes active-menu-bar01 {
	0% {transform: translateY(0) rotate(0);}
	50% {transform: translateY(9px) rotate(0);}
	100% {transform: translateY(9px) rotate(45deg);}
}
.pbPage--open .nav-btn span:nth-of-type(2) {
	opacity: 0;
}
.pbPage--open .nav-btn span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {-webkit-transform: translateY(0) rotate(0);}
	50% {-webkit-transform: translateY(-9px) rotate(0);}
	100% {-webkit-transform: translateY(-9px) rotate(-45deg);}
}
@keyframes active-menu-bar03 {
	0% {transform: translateY(0) rotate(0);}
	50% {transform: translateY(-9px) rotate(0);}
	100% {transform: translateY(-9px) rotate(-45deg);}
}

header .nav {
	width: 100%;
	margin-top: 29px;
}
header .primary-navigation h2 {
	overflow: hidden;
	width: 1px;
	height: 1px;
}
header .main-menu {
	display: flex;
	margin: 0 -17.4px;
	justify-content: space-between;
}
header .main-menu > li {
	/* height: 34px; */
	height: 100%;
	/* padding: 0 17.4px; */
	padding: 0 14px;
}
header .menu-list {
	visibility: hidden;
	opacity: 0;
	display: flex;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 1280px;
	padding: 50px 146px 45px 174px;
	/* background: #f1edeb; */
	background: #ffffff;
	border-top: 1px solid #e5ded9;
	transition: all .3s;
}
header .main-menu > li:hover > .menu-list {
	visibility: visible;
	opacity: 1;
}
header .menu-list > li {
	width: calc(25% - 20px);
	margin: 0 10px;
}
header .menu-list > li:only-child {
	width: calc(100% - 20px);
}
header .menu-list strong,
header .menu-list strong a {
	/* color: #ee7f00; */
	color: #404040;
	/* font-weight: normal; */
	font-weight: 600;
}
header .menu-link {
	margin-top: 13px;
	font-size: 87%;
}
header .menu-link li {
	position: relative;
	margin-top: 10px;
	/* padding-left: 10px; */
	padding-left: 0px;
}
/* header .menu-link li:before { 
	content: '';
	position: absolute;
	top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
} */
header .service-navigation {
	display: flex;
	align-items: center;
	position: absolute;
	top: 30px;
	right: 20px;
}
header .service-navigation ul {
	display: flex;
	font-size: 87%;
}
header .service-navigation li {
	margin: 0 7px;
}
header .service-navigation li a {
	/* color: #666; */
	color: #6D6D6D;
}
header .search-box-wrapper {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 38px;
	margin-left: 7px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: all .3s;
}
header .search-box-wrapper.open {
	width: 200px;
	border: 1px solid #e5ded9;
}
header .search-box-wrapper input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 5px;
	left: 9px;
	width: calc(100% - 46px);
	height: 26px;
	color: #666;
	border: none;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic","NN-Dagny-Text",Calibri,Corbel,Verdana,sans-serif;
}
header .search-box-wrapper input[type=image] {
	position: absolute;
	top: 5px;
	right: 5px;
}
.pbBlockNavigation {
	/* color: #999; */
	color: #6D6D6D;
}
.pbHeaderArea .pbBlockNavigation {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 30px auto 8px;
}
.pbBlockNavigation a {
	/* color: #999; */
	color: #6D6D6D;
	font-weight: normal;
}

@media screen and (max-width: 960px) {
	header .inner,
	.header-short .inner {
		max-width: 767px;
	}
	header .main-menu {
		margin: 0 -10px;
	}
	header .main-menu > li {
		padding: 0 10px;
		font-size: 90%;
	}
	header .menu-list {
		width: calc(100% + 20px);
		padding: 20px 10px;
	}
	.pbHeaderArea .pbBlockNavigation {
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	header {
		overflow: visible;
		margin-bottom: 20px;
	}
	header .inner {
		width: calc(100% - 40px);
		padding: 20px 0;
	}
	header .inner,
	.header-short .inner {
		max-width: 400px;
	}
	.header-simple .inner {
		padding-bottom: 20px;
	}
	header .logo a {
		/*
		width: 240px;
		margin-bottom: 24px;
		*/
		width: 76px;
		height: 40px;
		/* background: url(../images/header_logo-mobile.png) no-repeat; */
		/* background: url(/library/nnds/images/logo_nn-pos-rgb-0072_1.png) left/105%  no-repeat; */
	}
	header .descriptor {
		margin: 0 0 3px 8px;
	}
	header .nav-btn {
		display: block;
	}
	header .nav {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		right: -250px;
		display: flex;
		flex-direction: column;
		width: 230px;
		height: 100vh!important;
		margin: 0;
		padding: 80px 20px 150px;
		background: #fff;
		transition: all .5s;
	}
	.pbPage--open header .nav {
		right: 0;
	}
	header .main-menu {
		display: block;
		margin: 0;
	}
	header .main-menu > li {
		height: auto;
		margin-top: 30px;
		padding: 0;
		font-size: 100%;
	}
	header .main-menu > li > a {
		display: inline-block;
		color: #414141!important;
	}
	header .menu-list {
		display: block;
	}
	header .menu-link {
		display: block;
	}
	header .service-navigation {
		display: block;
		position: static;
		margin-top: 20px;
	}
	header .service-navigation ul {
		position: absolute;
		top: 35px;
		left: 13px;
	}
	header .service-navigation li {
		margin: 0 7px;
	}
	header .service-navigation li a {
		color: #666;
	}
	header .search-box-wrapper,
	header .search-box-wrapper.open {
		width: 100%;
		margin: 0;
		border: 1px solid #e5ded9;
	}
	header .search-box-wrapper input[type=text] {
		font-size: 16px;
	}
	header .background {
		display: none;
		position: fixed;
		z-index: 1;
		top: 0;
		left: -250px;
		width: 100vw;
		height: 100vh!important;
		transition: all .5s;
	}
	.pbPage--open header .background {
		display: block;
	}
	.pbHeaderArea .pbBlockNavigation {
		width: calc(100% - 40px);
		max-width: 400px;
		margin: 20px auto 7px;
	}
}

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

  footer

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

.pbFooterArea {
	position: relative;
	margin-top: auto;
}

/*  accordion
========================================================================*/

footer .totop {
	display: none;
	width: calc(100% - 40px);
	max-width: 1280px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translateX(-50%);
}
footer .totop.stop {
	position: absolute;
	bottom: auto;
}
footer .totop > a {
	position: absolute;
	top: -60px;
	right: 0;
	width: 60px;
	height: 40px;
	background: #ea650d;
	cursor: pointer;
	transition: all .3s;
	border-radius: 4px;
}
/* �g�b�v�y�[�W�̃t�b�^�[�i�r�����莟��폜���遫 */
footer .totop > div {
	position: absolute;
	top: -60px;
	right: 0;
	width: 60px;
	height: 40px;
	background: #ea650d;
	cursor: pointer;
	transition: all .3s;
	border-radius: 4px;
}
/* footer .totop > div:before {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	top: 16px;
	width: 13px;
	height: 13px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(45deg);
} */
footer .totop > a:hover {
	background: #e64415;
}

/* �g�b�v�y�[�W�̃t�b�^�[�i�r�����莟��폜���遫 */
footer .totop > div:hover {
	background: #e64415;
}

.footer-accordion > div {
	max-width: 1280px;
	margin: 0 auto;
	background: #f1edeb;
}
.footer-accordion footer {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}
.footer-accordion .inner {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 21px 0 27px;
}
.footer-accordion .inner nav {
	width: calc(25% - 20px);
	margin: 10px;
}
.footer-accordion .inner p:not(:first-child) {
	margin-top: 18px;
}
.footer-accordion .inner p {
	font-weight: bold;
}
.footer-accordion .inner ul {
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.footer-accordion .inner ul {
		display: block!important;
	}
}
.footer-accordion .inner li {
	margin-top: 6px;
}
.footer-accordion .inner li a {
	/* color: #999; */
	font-size: 87%;
}
.footer-accordion .service {
	padding: 14px 0;
	border-top: 1px solid #e5ded9;
	border-bottom: 1px solid #e5ded9;
}
.footer-accordion .service ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -11px;
}
.footer-accordion .service li {
	position: relative;
	margin: 0 11px;
}
.footer-accordion .service li:not(:last-child):after {
	content: '';
	position: absolute;
	top: .1em;
	right: -11px;
	width: 1px;
	height: 1em;
	background: #e5ded9;
}
.footer-accordion .service li a {
	/* color: #6D6D6D; */
	color: #404040;
	font-size: 87%;
}

@media screen and (max-width: 960px) {
	footer .totop {
		max-width: 767px;
	}
	.footer-accordion footer {
		max-width: 767px;
		font-size: 95%;
	}
}

@media screen and (max-width: 767px) {
	footer .totop {
		max-width: 400px;
	}
	.pbPage--open .footer-accordion .totop {
		opacity: 0;
		visibility: hidden;
		transition: all .5s;
	}
	.footer-accordion footer {
		width: calc(100% - 40px);
		max-width: 400px;
		font-size: 100%;
	}
	.footer-accordion .inner {
		display: block;
		margin: 0;
		padding: 30px 0 0;
	}
	.footer-accordion .inner nav:not(:first-child) {
		border-top: 1px solid #e5ded9;
	}
	.footer-accordion .inner nav {
		width: 100%;
		margin: 0;
	}
	.footer-accordion .inner p:not(:first-child) {
		margin-top: 0;
		border-top: 1px solid #e5ded9;
	}
	.footer-accordion .inner p {
		position: relative;
		padding: 11px 25px 11px 0;
	}
	/* .footer-accordion .inner p:before, */
	.footer-accordion .inner p:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 5px;
		width: 14px;
		height: 8px;
		background:url(/library/nnds/images/chevronDown.svg);
		transition: all .3s;
		pointer-events: none;
	}
	/*.footer-accordion .inner p:after {
		 transform: rotate(90deg); 
	} */
	.footer-accordion .inner p.active:after {
		/* transform: rotate(360deg); */
		background:url(/library/nnds/images/chevronUp.svg);
		
	}
	.footer-accordion .inner ul {
		display: none;
		margin-top: 0;
	}
	.footer-accordion .inner li {
		margin-top: 0;
	}
	.footer-accordion .inner li:last-child {
		padding-bottom: 30px;
	}
	.footer-accordion .inner li a {
		display: block;
		padding: 5px 10px;
	}
	.footer-accordion .service {
		padding: 25px 0 50px;
		border-bottom: none;
	}
	.footer-accordion .service li a {
		font-size: 82%;
	}
}

/* ��������V����footer-accodion */

.footer-el_accordion > div {
	max-width: 1280px;
	margin: 0 auto;
	background: #f1edeb;
}
.footer-el_accordion footer {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}
.footer-el_accordion .inner {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 21px 0 27px;
}
.footer-el_accordion .inner nav {
	width: calc(25% - 20px);
	margin: 10px;
}
.footer-el_accordion .inner p:not(:first-child) {
	margin-top: 18px;
}
.footer-el_accordion .inner title {
	font-weight: bold;
}
.footer-el_accordion .inner ul {
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.footer-el_accordion .inner ul {
		display: block!important;
	}
}
.footer-el_accordion .inner li {
	margin-top: 6px;
}
.footer-el_accordion .inner li a {
	/* color: #999; */
	font-size: 87%;
}
.footer-el_accordion .service {
	padding: 14px 0;
	border-top: 1px solid #e5ded9;
	border-bottom: 1px solid #e5ded9;
}
.footer-el_accordion .service ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -11px;
}
.footer-el_accordion .service li {
	position: relative;
	margin: 0 11px;
}
.footer-el_accordion .service li:not(:last-child):after {
	content: '';
	position: absolute;
	top: .1em;
	right: -11px;
	width: 1px;
	height: 1em;
	background: #e5ded9;
}
.footer-el_accordion .service li a {
	/* color: #6D6D6D; */
	color: #404040;
	font-size: 87%;
}

@media screen and (max-width: 960px) {
	footer .totop {
		max-width: 767px;
	}
	.footer-el_accordion footer {
		max-width: 767px;
		font-size: 95%;
	}
}

@media screen and (max-width: 767px) {
	footer .totop {
		max-width: 400px;
	}
	.pbPage--open .footer-el_accordion .totop {
		opacity: 0;
		visibility: hidden;
		transition: all .5s;
	}
	.footer-el_accordion footer {
		width: calc(100% - 40px);
		max-width: 400px;
		font-size: 100%;
	}
	.footer-el_accordion .inner {
		display: block;
		margin: 0;
		padding: 30px 0 0;
	}
	.footer-el_accordion .inner nav:not(:first-child) {
		border-top: 1px solid #e5ded9;
	}
	.footer-el_accordion .inner nav {
		width: 100%;
		margin: 0;
	}
	.footer-el_accordion .inner .title:not(:first-child) {
		margin-top: 0;
		border-top: 1px solid #e5ded9;
	}
	.footer-el_accordion .inner .title {
		position: relative;
		padding: 11px 25px 11px 0;
	}
	/* .footer-accordion .inner p:before, */
	.footer-el_accordion .inner .title:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 5px;
		width: 14px;
		height: 8px;
		background:url(/library/nnds/images/chevronDown.svg);
		transition: all .3s;
		pointer-events: none;
	}
	/*.footer-accordion .inner p:after {
		 transform: rotate(90deg); 
	} */
	.footer-el_accordion .inner .title.active:after {
		/* transform: rotate(360deg); */
		background:url(/library/nnds/images/chevronUp.svg);
		
	}
	.footer-el_accordion .inner ul {
		display: none;
		margin-top: 0;
	}
	.footer-el_accordion .inner li {
		margin-top: 0;
	}
	.footer-el_accordion .inner li:last-child {
		padding-bottom: 30px;
	}
	.footer-el_accordion .inner li a {
		display: block;
		padding: 5px 10px;
	}
	.footer-el_accordion .service {
		padding: 25px 0 50px;
		border-bottom: none;
	}
	.footer-el_accordion .service li a {
		font-size: 82%;
	}
}


/*  banner
========================================================================*/

.footer-banner > div {
	max-width: 1280px;
	margin: 0 auto;
	background: #f1edeb;
}
.footer-banner footer {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0;
	border-bottom: 1px solid #e5ded9;
}
.footer-banner ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -10px;
}
.footer-banner li {
	margin: 10px;
}

@media screen and (max-width: 960px) {
	.footer-banner footer {
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	.footer-banner footer {
		width: calc(100% - 40px);
		max-width: 400px;
		padding: 0 0 50px;
		border-bottom: none;
	}
}

/*  copyright
========================================================================*/

.footer-copyright > div {
	max-width: 1280px;
	margin: 0 auto;
	padding: 13px 0;
	background: #f1edeb;
	/* color: #666; */
	color: #404040;
	font-size: 87%;
	text-align: right;
}
.footer-copyright footer {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}

@media screen and (max-width: 960px) {
	.footer-copyright footer {
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	.footer-copyright > div {
		font-size: 80%;
		text-align: left;
	}
	.footer-copyright footer {
		width: calc(100% - 40px);
		max-width: 400px;
	}
}

/*  simple
========================================================================*/

.footer-simple .totop {
	max-width: 960px;
}
.footer-simple .copyright {
	padding: 13px 0;
	background: #f1edeb;
	color: #404040;
	font-size: 87%;
	text-align: right;
}
.footer-simple .copyright .inner {
	display: block;
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 0 auto;
}

@media screen and (max-width: 960px) {
	.footer-simple .totop,
	.footer-simple .copyright .inner {
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	.footer-simple .totop,
	.footer-simple .copyright .inner {
		max-width: 400px;		
	}
	.footer-simple .copyright {
		font-size: 80%;
	}
}

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

  main

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

.pbAreaWrapper1 {
	width: 100%;
}
.pbMainArea:not(.nospace) {
	margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
	.pbMainArea:not(.nospace) {
		margin-bottom: 80px;
	}
}

/*  component
========================================================================*/

.component-title:not(:first-child) {
	margin-top: 50px;
}
.component-title > div {
	padding: 10px 20px;
    background: #394034;
    color: #f8f8f2;
    font-size: 200%;
    border-radius: 4px;
}
.component-title * {
	line-height: 1.5;
}
.component-box {
	margin-top: 40px;
}
div:not(.component-title) + .component-box {
	position: relative;
	margin-top: 80px;
	z-index: auto!important;
}
div:not(.component-title) + .component-box:before {
	content: '';
	position: absolute;
	top: -40px;
	width: 100%;
	height: 3px;
	background: #394034;
}
.component-box > div {
	padding-left: 10px;
	border-left: 3px solid #ccc;
}
.component-box .name {
	font-size: 150%;
}
.component-box .name p {
	line-height: 1.45;
}
.component-box .class > div {
	font-size: 90%;
	color: #999;
}

/*  h1box                    0011_H1�^�C�g��(�R���e���c�g�b�v)
========================================================================*/    

div.base-h1box {
	overflow: hidden!important;
}
.base-h1box > div.pbNested {
	/* position: relative;
	width: calc(100% - 20px);
	max-width: 980px;
	min-height: 368px;
	margin: 0 auto;
	padding: 24px 0; */
	position: relative;	
	max-width: 1280px;
	min-height: 368px;
	margin: 0 auto;
	padding: 24px 0;

}
.base-h1box .background {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1280px;
	text-align: center;
	/* border-radius: 4px; */
	z-index: auto!important;
}
.base-h1box .background div:not(.pb-handle) {
	position: static!important;
}
.base-h1box .background .mce-resizehandle {
	display: none;
}
.base-h1box .background img {
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%, -50%); */
	/* max-width: none; */
	/* min-width: 100%; */
	/* min-height: 100%; */
}
.base-h1box .inner {
	/* position: relative; */
	position: absolute;
	display: inline-block;
	/* max-width: 330px;
	min-width: 200px; */
	left:80px;
    top: 50%;
	transform: translateY(-50%);
	max-width: 448px;
	min-width: 300px;
	z-index: auto!important;
}
.base-h1box .inner > div {
	/* padding: 30px; */
	padding: 24px;
	background: #fff;
	border-radius: 4px;
}
.base-h1box .text:not(:first-child) {
	/* margin-top: 20px; */
	margin-top: 8px;
}
.base-h1box .text-nospace:not(:first-child) {
	margin-top: 0;
}
.base-h1box .button-line-orn:not(:first-child) {
	/* margin-top: 20px; */
    margin-top: 16px;
}
.base-h1box .list:not(:first-child) {
	margin-top: 20px;
}	
.base-h1box .list:not(.list-vertical) ul {
	display: flex;
	flex-wrap: wrap;
	margin: -4px -13px -4px 0;
}
.base-h1box .list li {
	position: relative;
	padding-left: 13px;
}
.base-h1box .list:not(.list-vertical) li {
	margin: 4px 14px 4px 0;
}
.base-h1box .list li:before {
	content: '';
	position: absolute;
	top: .35em;
	left: 0;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
}
.base-h1box .link:not(:first-child) {
    margin-top: 20px;
}
.base-h1box .link > div {
    position: relative;
    padding-left: 30px;
}
.base-h1box .link > div {
	padding-left: 26px;
    padding-left: 2.6rem;
	background-image: url(../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left
}
.link-iconChevron a {
	vertical-align :text-top;
  }
/* .base-h1box .link > div:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%;
}
.base-h1box .link > div:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
} */

@media screen and (max-width: 960px) {
	.base-h1box > div.pbNested {
		width: calc(100% - 20px);
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	.base-h1box > div.pbNested {
		width: calc(100% - 40px);
		max-width: 400px;
		min-height: auto;
		padding: 0;
	}
	.base-h1box .background {
		position: relative;
		/* height: 168px; */
		/* border-radius: 0; */
	}
	.base-h1box .background img {
		/* min-width: auto; */
		/* min-height: auto; */
		height: 168px;
	}
	.base-h1box .inner {
		/* min-width: 100%;
		margin-top: 20px; */
		position:static;
	    left:0px;
        top: 0%;
	    transform: translateY(0%);
	    min-width: 100%;
		margin-top: 20px;
	}
	.base-h1box .inner > div {
		/* padding: 0; */
		padding: 0px 0px 24px 0px;
	}
	.base-h1box .button-line-orn .secondary-btn a {
	    margin: 8px 0px 0px 0px;
    }
}

/*  mainarea
========================================================================*/

.base-mainarea:not(:first-child) {
	margin-top: 50px;
}
.base-mainarea > div {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}

@media screen and (max-width: 960px) {
	.base-mainarea > div {
		max-width: 767px;
	}
}

@media screen and (max-width: 767px) {
	.base-mainarea:not(:first-child) {
		margin-top: 30px;
	}
	.base-mainarea > div {
		width: calc(100% - 40px);
		max-width: 400px;
	}
}

/*  sidearea
========================================================================*/

.base-sidearea:not(:first-child) {
	margin-top: 50px;
}
.base-sidearea > div {
	display: flex;
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}
.base-sidearea .sidearea {
	width: 300px;
	margin-right: 20px;
	z-index: auto!important;
}
.base-sidearea .sidearea > div > div {
	max-width: 220px;
}
.base-sidearea .sidearea .link {
	margin-top: 16px;
}
.base-sidearea .sidearea .link:only-child {
	padding-bottom: 16px;
	border-bottom: 1px solid #e5ded9;
}
.base-sidearea .sidearea .link a {
	display: block;
}
.base-sidearea .sidearea .menu {
	margin-top: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e5ded9;
}
.base-sidearea .sidearea .menu li:not(:first-child) {
	margin-top: 16px;
}
.base-sidearea .sidearea .menu a {
	display: block;
	/* color: #999; */
	color: #6D6D6D;
	font-size: 87.5%;
	line-height: 1.7;
}
.base-sidearea .sidearea .menu .active a {
	/* color: #ea650d; */
	font-weight: 700;
	color: #1A1A1A;
}
.base-sidearea .sidearea .menu .active a:hover {
	text-decoration: none;
	cursor: default;
}
.base-sidearea .mainarea {
	width: calc(100% - 320px);
	max-width: 630px;
	margin-left: auto;
	order: 1;
	z-index: auto!important;
}
.base-sidearea .sidearea .banner:not(:first-child) {
	margin-top: 30px;
}
.base-sidearea .sidearea .facebook:not(:first-child) {
	margin-top: 40px;
}
.base-sidearea .sidearea .facebook {
	max-width: 100%;
}

@media screen and (max-width: 960px) {
	.base-sidearea > div {
		max-width: 767px;
	}
	.base-sidearea .sidearea {
		width: 220px;
	}
	.base-sidearea .mainarea {
		width: calc(100% - 240px);
	}
}

@media screen and (max-width: 767px) {
	.base-sidearea:not(:first-child) {
		margin-top: 20px;
	}
	.base-sidearea > div {
		display: block;
		width: calc(100% - 40px);
		max-width: 400px;
	}
	.base-sidearea .sidearea {
		width: 100%;
		margin-top: 30px;
		padding-top: 25px;
		border-top: 1px solid #e5ded9;
	}
	.base-sidearea .mainarea {
		width: 100%;
	}
	.base-sidearea .sidearea > div > div {
		max-width: 100%;
	}
	.base-sidearea .sidearea .banner {
		text-align: center;
	}
	.base-sidearea .sidearea .banner + .banner {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-sidearea .sidearea .banner img {
		max-width: 250px;
	}
	.base-sidearea .sidearea .link {
		margin-top: 0;
	}
	.base-sidearea .sidearea .link:only-child {
	    padding-bottom: 25px;
	}
}

/*  r_sidearea
========================================================================*/

.base-r_sidearea > div {
	display: flex;
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 0 auto;
}
.base-r_sidearea .mainarea {
	width: calc(100% - 320px);
	max-width: 630px;
	z-index: auto!important;
}
.base-r_sidearea .sidearea {
	width: 290px;
	margin-left: auto;
	z-index: auto!important;
}
.base-r_sidearea .sidearea .banner {
	text-align: center;
}
.base-r_sidearea .sidearea .banner:not(:first-child) {
	margin-top: 40px;
}
.base-r_sidearea .sidearea .text:not(:first-child) {
	margin-top: 20px;
}

@media screen and (max-width: 960px) {
	.base-r_sidearea > div {
		max-width: 767px;
	}
	.base-r_sidearea .mainarea {
		width: calc(100% - 240px);
	}
	.base-r_sidearea .sidearea {
		width: 220px;
	}
}

@media screen and (max-width: 767px) {
	.base-r_sidearea > div {
		display: block;
		width: calc(100% - 40px);
		max-width: 400px;
	}
	.base-r_sidearea .mainarea {
		width: 100%;
	}
	.base-r_sidearea .sidearea {
		width: 100%;
		max-width: 290px;
		margin: 30px auto 0;
	}
}

/*  h1
========================================================================*/

.base-h1:not(:first-child) {
	margin-top: 48px;
}
.base-h1 + div:not(:first-child) {
	margin-top: 24px;
}
.base-h1 + .base-h2:not(:first-child) {
	margin-top: 32px;
}
.base-h1 + .h4:not(:first-child) {
	margin-top: 32px;
}

/*  h1-center
------------------------------------------------*/

.h1-center > div {
	text-align: center;
}

/*  h1-red
------------------------------------------------*/

.h1-red h1 {
	color: #e64415;
}

/*  h1button
========================================================================*/

.base-h1button:not(:first-child) {
	margin-top: 30px;
}
.base-h1button + div:not(:first-child) {
	margin-top: 15px;
}
.base-h1button > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.base-h1button .h1 {
	min-width: 50px;
	z-index: auto!important;
}
.base-h1button .h1 > div {
	margin-bottom: 5px;
}
.base-h1button .button {
	min-width: 30px;
	margin-left: auto;
	z-index: auto!important;
}
.base-h1button .button > div {
	margin: 0 0 5px 10px;
}
.base-h1button .button a {
	display: inline-block;
	padding: 9px 10px;
	background: #e5ded9;
	border-radius: 4px;
}
.base-h1button .button a:hover {
	color: #000;
	text-decoration: none;
}
.base-h1button .button-orange a {
	background: #ea650d;
	color: #fff;
}
.base-h1button .button-orange a:hover {
	background: #e64415;
	color: #fff;
}

/*  h1logo
========================================================================*/

.base-h1logo:not(:first-child) {
	margin-top: 30px;
}
.base-h1logo + div:not(:first-child) {
	margin-top: 15px;
}
.base-h1logo > div {
	display: flex;
	flex-wrap: wrap;
}
.base-h1logo .h1 {
	min-width: 30px;
	z-index: auto!important;
}
.base-h1logo .h1 > div {
	margin-bottom: 5px;
}
.base-h1logo .logo {
	min-width: 50px;
	margin-left: auto;
	z-index: auto!important;
}
.base-h1logo .logo > div {
	margin: 0 0 5px 10px;
}

/*  h2
========================================================================*/


h2.base-h2 {
	margin-top: 30px; 
}
.base-h2:not(:first-child) {
	/* margin-top: 30px;  */
	margin-top: 48px;
}
.base-h2 + div:not(:first-child) {
	margin-top: 24px;
}
.base-h2 + .base-h3:not(:first-child) {
	margin-top: 32px;
}

/*  h2-center
------------------------------------------------*/

.h2-center > div {
	text-align: center;
}

/*  h2-top50
------------------------------------------------*/

.h2-top50:not(:first-child) {
	margin-top: 50px;
}

/*  h2-light
------------------------------------------------*/

.h2-light h2 {
	color: #ee7f00;
}

/*  h2-red
------------------------------------------------*/

.h2-red h2 {
	color: #e64415;
}

/*  h2-black
------------------------------------------------*/

.h2-black h2 {
	color: #1A1A1A;
}
.base-h2.h2-black.h2-center:not(:first-child) {
	margin-top: 60px;
}
.base-h2.h2-black.h2-center + div:not(:first-child) {
	margin-top: 30px;
}

/*  h2-entry h2-calendar h2-hourglass h2-paid
------------------------------------------------*/

.h2-entry:not(:first-child),
.h2-calendar:not(:first-child),
.h2-hourglass:not(:first-child),
.h2-paid:not(:first-child) {
	margin-top: 40px;
}
.h2-entry > div,
.h2-calendar > div,
.h2-hourglass > div,
.h2-paid > div {
	padding: 1px 0 0 32px;
}
.h2-entry > div {
	background: url(../images/h2_entry.png) no-repeat;
}
.h2-calendar > div {
	background: url(../images/calendar-24px.svg) no-repeat;
	background-size: 2rem;
	background-position: left bottom 3px;
}
.h2-hourglass > div {
	background: url(../images/hourglass-24px.svg) no-repeat;
	background-size: 2rem;
	background-position: left bottom 3px;

}
.h2-paid > div {
	background: url(../images/formcoins-24px.svg) no-repeat;
	background-size: 2rem;
	background-position: left bottom 3px;
}
.h2-entry h2,
.h2-calendar h2,
.h2-hourglass h2,
.h2-paid h2 {
	color: #1A1A1A;
}

/*  h2-any
------------------------------------------------*/

.h2-any:not(:first-child) {
	margin-top: 40px;
}
.h2-any img {
	margin-right: 5px;
	vertical-align: middle;
}
.h2-any h2 {
	color: #1A1A1A;
}

/*  h3
========================================================================*/

.base-h3:not(:first-child) {
	/* margin-top: 32px; */
	margin-top: 48px;
}
.icon-imagebox + .base-h3:not(:first-child) {
	margin-top: 32px; 
}
.base-h3 + div:not(:first-child) {
	margin-top: 24px;
}

/*  h3-center
------------------------------------------------*/

.h3-center {
	text-align: center;
}

/*  h3-light
------------------------------------------------*/

.h3-light h3 {
	/* color: #ee7f00; */
	color: #1A1A1A;
}

/*  h4
========================================================================*/

.base-h4:not(:first-child) {
	margin-top: 32px;
}
.base-h4 + div:not(:first-child) {
	margin-top: 20px;
}

/*  h4-black
------------------------------------------------*/

.h4-black h4 {
	color: #1A1A1A;
}

/*  h4-hourglass
------------------------------------------------*/

.h4-hourglass:not(:first-child) {
	margin-top: 10px;
}
.h4-hourglass > div {
	padding: 3px 0 3px 40px;
	background: url(../images/h2_hourglass.png) no-repeat;
}
.h4-hourglass h4 {
	color: #1A1A1A;
}

/*  h5
========================================================================*/

.base-h5:not(:first-child) {
	margin-top: 30px;
}
.base-h5 + div:not(:first-child) {
	margin-top: 15px;
}

/*  text
========================================================================*/

.base-text:not(:first-child) {
	margin-top: 24px;
}
.base-text a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);

}

/*  text-center
------------------------------------------------*/

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

/*  text-right
------------------------------------------------*/

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

/*  text-bold
------------------------------------------------*/

.text-bold {
	font-weight: bold;
}

/*  text-gray
------------------------------------------------*/

.text-gray > div {
	padding: 20px;
	background: #f1edeb;
	font-weight: bold;
	border-radius: 4px;
}

/*  text-small
------------------------------------------------*/

.text-small {
	font-size: 88%;
}
.text-small:not(:first-child) {
	margin-top: 10px;
}
ul .text-small:not(:first-child) {
	margin-top: 2px;
}

/*  text-orange
------------------------------------------------*/

.text-orange {
	color: #ea650d;
}

/*  text-red
------------------------------------------------*/

.text-red,
.text-red a {
	color: #e64415;
}

/*  text-top50
------------------------------------------------*/

.text-top50:not(:first-child) {
	margin-top: 50px;
}

/*  text
========================================================================*/

.base-interview:not(:first-child) {
	margin-top: 20px;
}
.base-interview a {
	color: #ea650d;
}
.base-interview * {
	line-height: 2;
}

/*  interview-orange
------------------------------------------------*/

.interview-orange strong {
	color: #ee7f00;
}

/*  interview-red
------------------------------------------------*/

.interview-red strong {
	color: #e64415;
}

/*  textbox
========================================================================*/

.base-textbox:not(:first-child) {
	margin-top: 48px;
}
.base-textbox + .base-textbox {
	margin-top: 20px;
}
.base-imagebox + .base-textbox {
	margin-top: 50px;
}
.base-textbox > div {
	margin: 0 auto;
	padding: 20px;
	background: #faf9f8;
	border-radius: 4px;
}
.base-textbox .h2:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .h3:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .h3-light h3 {
	/* color: #ee7f00; */
	color:#1A1A1A;
}
.base-textbox .h4:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .h4 + div:not(:first-child) {
	margin-top: 5px;
}
.base-textbox .h5 {
	font-size: 88%;
}
.base-textbox .title:not(:first-child) {
	margin-top: 15px;
}
.base-textbox .title > div {
	font-weight: bold;
	font-size: 120%;
}
.base-textbox .tel > div {
	/* padding: 3px 0 0 27px;
	background: url(../images/icon_tel.png) no-repeat 0 2px; */
	/* padding: 10px 0 0px 32px; */
	padding: 10px 0 0px 0px;
    /* background: url(/../../library/nnds/images/phone-24px.svg) no-repeat 0 16px; */
    background-size: 25px 25px;
    
	font-weight: bold;
	font-size: 140%;
}
.base-textbox .tel img:first-of-type {
	width: 33px;
    padding-right: 8px;
    vertical-align: -12%;
}
.base-textbox .tel-box:not(:first-child) {
	margin-top: 10px;
}
.base-textbox .tel-box > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.base-textbox .tel-box .tel,
.base-textbox .tel-box .comment {
	margin-top: 10px;
}
.base-textbox .tel-box .tel {
	min-width: 150px;
	margin-right: 20px;
}
.base-textbox .tel-box .comment {
	font-size: 87%;
}
.base-textbox .text:not(:first-child) {
	margin-top: 15px;
}
.base-textbox .text a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-textbox .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-textbox .text-strong > div {
	font-weight: bold;
}
.base-textbox .image:not(:first-child) {
	margin-top: 15px;
}
.base-textbox .image > div {
	text-align: center;
}
.base-textbox .image-330 img {
	width: 100%;
	max-width: 330px;
}
.base-textbox .image-280 img {
	width: 100%;
	max-width: 280px;
}
.base-textbox .link:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .link > div {
	display: table;
	position: relative;
	min-width: 50px;
	margin: 0 auto;
	padding-left: 15px;
}
.base-textbox .link > div:before {
	content: '';
	position: absolute;
	top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
}
.base-textbox .link-strong:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .link-strong > div {
	position: relative;
	padding-left: 30px;
	font-weight: bold;
}
.base-textbox .link-strong > div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-textbox .link-strong > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
.base-textbox .link-strong a {
	text-decoration: underline;
}
.base-textbox .link-strong a:hover {
	text-decoration: none;
}
.base-textbox .button:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .button {
	text-align: center;
}
.base-textbox .button a {
	display: inline-table;
	padding: 12px 16px;
	/* �I�����W�{�^�� */
	/* background: #ea650d;
	color: #fff; */
	/* �_�[�N�{�^�� */
	background: #404040;
    color: #FFFFFF;

	text-align: center;
	border-radius: 4px;
}
.base-textbox .button a:hover {
	text-decoration: none;
	/* �I�����W�{�^�� */
	/* background: #e64415; */

	/* �_�[�N�{�^�� */
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);
	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);


}
.base-textbox .button-large a {
    width: 100%;
    max-width: 280px;
}
.base-textbox .button-long a {
    width: 100%;
    max-width: 380px;
}
.base-textbox .button-login a {
	background: #e64415;
	font-size: 85%;
}
.base-textbox .button-login a:hover {
	background: #ea650d;
}
.base-textbox .button-login a strong {
	display: inline-block;
	margin-left: 13px;
	padding: 4px 0 1px 25px;
	background: url(../images/icon_lock-s.png) no-repeat 0 2px;
	font-size: 130%;
	vertical-align: middle;
}
.base-textbox .list:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .list li {
	position: relative;
	padding-left: 30px;
}
.base-textbox .list li:not(:first-child) {
	margin-top: 10px;
}
.base-textbox .list li {
	padding-left: 26px;
    padding-left: 2.6rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left;
}

/* .base-textbox .list li:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-textbox .list li:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */
.base-textbox .dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .dotlist a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-textbox .dotlist a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-textbox .dotlist div > ul > li {
	position: relative;
	padding-left: 14px;
}
.base-textbox .dotlist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-textbox .dotlist div > ul > li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	/* background: #ccc; */
	background: #6D6D6D;
	border-radius: 50%;
}
.base-textbox .notes:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .notes a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-textbox .notes a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-textbox .notes li {
	position: relative;
	padding-left: 15px;
	font-size: 88%;
}
.base-textbox .notes li:not(:first-child) {
	margin-top: 4px;
}
.base-textbox .notes li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.base-textbox .table:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .table table {
	width: 100%;
}
.base-textbox .table th,
.base-textbox .table td {
	padding: 10px;
}
.base-textbox .table thead th {
	border-right: 1px solid #999;
	text-align: center;
}
.base-textbox .table tbody td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.base-textbox .table tbody td:first-child {
	text-align: center;
}
.base-textbox .table tbody tr:first-child td {
	border-top: 2px solid #ea650d;
}
.base-textbox .panel:not(:first-child) {
	margin-top: 15px;
}
.base-textbox .panel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.base-textbox .panel .box {
	margin: 0 10px;
	z-index: auto!important;
}
.base-textbox .panel .box:nth-child(1) {
	width: calc(50% - 20px);
}
.base-textbox .panel .box:nth-child(2) {
	width: calc(50% - 20px);
}
.base-textbox .panel .box:nth-child(3) {
	width: calc(100% - 20px);
	margin-top: 20px;
}
.base-textbox .imagebox:not(:first-child) {
	margin-top: 30px;
}
.base-textbox .imagebox > div {
	display: flex;
	flex-wrap: wrap;
}
.base-textbox .imagebox .box {
	width: 100%;
	z-index: auto!important;
}
.base-textbox .imagebox .box:not(:only-child):first-child {
	width: 280px;
}
.base-textbox .imagebox-360 .box:not(:only-child):first-child {
	width: 360px;
}
.base-textbox .imagebox.change .box:not(:only-child):first-child {
	order: 1;
	margin-left: auto;
}
.base-textbox .imagebox .box:not(:only-child):last-child {
	width: calc(100% - 320px);
}
.base-textbox .imagebox-360 .box:not(:only-child):last-child {
	width: calc(100% - 390px);
}
.base-textbox .imagebox-360 .box:not(:only-child):last-child > div:not(.pb-handle) {
	position: relative;
	top: 25%;
}
.base-textbox .imagebox:not(.change) .box:not(:only-child):last-child {
	margin-left: auto;
}
.base-textbox .box-text:not(:first-child),
.base-textbox .box-image:not(:first-child),
.base-textbox .box-button:not(:first-child),
.base-textbox .box-notes:not(:first-child),
.base-textbox .box-noteslist:not(:first-child) {
	margin-top: 10px;
}
.base-textbox .box-image > div {
	text-align: center;
}
.base-textbox .box-button a {
	display: block;
	padding: 12px 16px;
	/* �I�����W�{�^�� */
	/* background: #ea650d;
	color: #fff; */

	/* �_�[�N�{�^�� */
	background: #404040;
	color: #FFFFFF;

	text-align: center;
	border-radius: 4px;
}
.base-textbox .box-button a:hover {
	text-decoration: none;
	
	/* �I�����W�{�^�� */
	/* background: #e64415; */

	/* �_�[�N�{�^�� */
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);
	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}
.base-textbox .box-notes > div {
	font-size: 88%;
}
.base-textbox .box-notes a,
.base-textbox .box-text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-textbox .box-notes a:hover,
.base-textbox .box-text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-textbox .box-noteslist li:not(:first-child) {
	margin-top: 4px;
}
.base-textbox .box-noteslist li {
	position: relative;
	padding-left: 15px;
	font-size: 88%;
}
.base-textbox .box-noteslist li:before {
	content: '※';
	position: absolute;
	left: 0;
}

@media screen and (max-width: 767px) {
	.base-textbox .table tr,
	.base-textbox .table th,
	.base-textbox .table td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	.base-textbox .table th,
	.base-textbox .table td {
		padding: 10px 0;
	}
	.base-textbox .table thead th {
		font-size: 95%;
		border: none;
		border-bottom: 1px solid #999;
	}
	.base-textbox .table thead th:first-child {
		border-bottom: 2px solid #ea650d;
	}
	.base-textbox .table tbody td,
	.base-textbox .table tbody tr:first-child td {
		border: none;
		border-bottom: 1px solid #999;
	}
	.base-textbox .panel .box:nth-child(1) {
		width: 100%;
	}
	.base-textbox .panel .box:nth-child(2) {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-textbox .panel .box:nth-child(3) {
		width: 100%;
		margin-top: 20px;
	}
	.base-textbox .imagebox:not(:first-child) {
		margin-top: 20px;
	}
	.base-textbox .imagebox-360:not(:first-child) {
		margin-top: 50px;
	}
	.base-textbox .imagebox .box:not(:only-child):first-child {
		width: 100%;
	}
	.base-textbox .imagebox.change .box:not(:only-child):first-child {
		order: 0;
	}
	.base-textbox .imagebox .box:not(:only-child):last-child {
		width: 100%;
		margin-top: 20px;
	}
	.base-textbox .imagebox-360 .box:not(:only-child):last-child {
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-textbox .imagebox-360 .box:not(:only-child):last-child > div:not(.pb-handle) {
		position: static;
	}
}

/*  textbox-middle
------------------------------------------------*/

.textbox-middle > div {
	max-width: 720px;
	margin: 0 auto;
}
.textbox-middle .panel {
	max-width: 620px;
	margin: 0 auto;
}

/*  textbox-small
------------------------------------------------*/

.textbox-small:not(:first-child) {
	margin-top: 50px;
}
.textbox-small > div {
	max-width: 620px;
}

/*  notes
========================================================================*/

.base-notes:not(:first-child) {
	margin-top: 20px;
}
.base-notes > div {
	/* padding: 12px 18px; */
	padding:1.6rem 1.6rem;
	border: 2px solid #e64415;
	border-radius: 4px;
}
.base-notes .text:not(:first-child) {
	margin-top: 10px;
}
.base-notes .text a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-notes .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-notes .text-exclamation > div {
	padding-left: 20px;
	background: url(../images/icon_exclamation-s.png) no-repeat 0 2px;
	color: #e64415;
    font-weight: bold;
}
.base-notes .h3:not(:first-child) {
	margin-top: 15px;
}
/* .base-notes .h3 h3 {
	color: #ee7f00;
} */
.base-notes .h4:not(:first-child) {
	margin-top: 15px;
}
.base-notes .h4 h4 {
	color:#1A1A1A;
}
.base-notes .image:not(:first-child) {
	margin-top: 20px;
}
.base-notes .image {
	text-align: center;
}
.base-notes .list:not(:first-child) {
	margin-top: 10px;
}
.base-notes .list li:not(:first-child) {
	margin-top: 5px;
}
.base-notes .list li {
	position: relative;
	padding-left: 15px;
}
.base-notes .list li {
	padding-left: 20px;
    padding-left: 2rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;	
}
/* .base-notes .list li:before {
	content: '';
	position: absolute;
	/* top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d; 	
} */
.base-notes .notes:not(:first-child) {
	margin-top: 20px;
}
.base-notes .notes a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-notes .notes a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-notes .notes li {
	position: relative;
	padding-left: 15px;
	font-size: 88%;
}
.base-notes .notes li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.base-notes .link-strong:not(:first-child) {
	margin-top: 20px;
}
.base-notes .link-strong > div {
	position: relative;
	padding-left: 30px;
	font-size: 1.8rem;
	font-weight: bold;
}
.base-notes .link-strong > div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-notes .link-strong > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
.base-notes .link-strong a {
	 color:#ea650d;
}
.base-notes .link-strong a:hover {
	text-decoration: underline;
}

/*  imagebox
========================================================================*/

.base-imagebox:not(:first-child) {
	margin-top: 40px;
}
.base-imagebox + .base-imagebox {
	margin-top: 40px;
}
.base-text + .base-imagebox {
	margin-top: 32px;
}
.base-imagebox > div {
	display: flex;
	flex-wrap: wrap;
}
.base-imagebox .box {
	width: 100%;
	z-index: auto!important;
}
.base-imagebox .box:not(:only-child):first-child {
	width: calc(100% - 240px);
}
.base-imagebox .box:not(:only-child):last-child {
	width: 220px;
	margin-left: auto;
}
.base-imagebox .h2:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .h2-gray > div {
	padding: 10px;
	background: #f1edeb;
	border-radius: 4px;
}
.base-imagebox .h2-gray h2 {
	color: #414141;
}
.base-imagebox .h3:not(:first-child) {
	margin-top: 15px;
}
.base-imagebox .h4:not(:first-child) {
	margin-top: 15px;
}
.base-imagebox .h4 h4 {
	color:#1A1A1A;
}
.base-imagebox .text:not(:first-child) {
	margin-top: 24px;
}
.base-imagebox .text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-imagebox .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-imagebox .link:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .link > div {
	position: relative;
	/* padding-left: 30px; */
}
/* .base-imagebox .link > div:before { 
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-imagebox .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */
.base-imagebox .link a {
	padding-left: 26px; 
    padding-left: 2.0rem;
    background-image: url(../../nnds/images/iconRight.svg);
    background-repeat: no-repeat;
    background-size: 1.1rem;
    background-position: left;
}
.base-imagebox .link a::after {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.base-imagebox .link-right > div {
	display: table;
	min-width: 50px;
	margin-left: auto;
}
.base-imagebox .image:not(:first-child) {
	margin-top: 5px;
}
.base-imagebox .image > div {
	text-align: center;
}
.base-imagebox .youtube:not(:first-child) {
	margin-top: 5px;
}
.base-imagebox .youtube img {
	border-radius: 0;
	width: 100%;
}
.base-imagebox .youtube a {
	position: relative;
	display: table;
	margin: 0 auto;
}
.base-imagebox .youtube a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	pointer-events: none;
}
.base-imagebox .youtube a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	width: 68px;
	height: 48px;
	background: rgba(0,0,0,.6);
	border-radius: 15px;
	pointer-events: none;
	transition: all .3s;
}
.base-imagebox .youtube a:hover:before {
	background: rgba(255,0,0,.7);
}
.base-imagebox .caption:not(:first-child) {
	margin-top: 15px;
}
.base-imagebox .caption > div {
	text-align: center;
}
.base-imagebox .list:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .list a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-imagebox .list a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-imagebox .list li {
	position: relative;
	padding-left: 14px;
}
.base-imagebox .list li:not(:first-child) {
	margin-top: 10px;
}
.base-imagebox .list li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.base-imagebox .notes:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .notes a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-imagebox .notes a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}


.base-imagebox .notes li {
	position: relative;
	padding-left: 15px;
	font-size: 88%;
}
.base-imagebox .notes li:not(:first-child) {
	margin-top: 4px;
}
.base-imagebox .notes li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.base-imagebox .gray:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .gray > div {
	padding: 20px;
	background: #f1edeb;
	border-radius: 4px;
}
.base-imagebox .table:not(:first-child) {
	margin-top: 20px;
}
.base-imagebox .table th:first-child {
	padding-left: 0;
}
.base-imagebox .table thead th {
	border-right: 1px solid #999;
}
.base-imagebox .table tbody th,
.base-imagebox .table tbody td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.base-imagebox .table tbody tr:first-child th,
.base-imagebox .table tbody tr:first-child td {
	border-top: 2px solid #ea650d;
}

@media screen and (max-width: 767px) {
	.base-imagebox .table tr,
	.base-imagebox .table th,
	.base-imagebox .table td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	.base-imagebox .table table th {
		font-size: 90%;
	}
	.base-imagebox .table table th:first-child {
		padding-right: 0;
	}
	.base-imagebox .table tbody th {
		padding-top: 7px;
		padding-bottom: 5px;
	}
	.base-imagebox .table th:empty,
	.base-imagebox .table td:empty {
		padding: 0;
		border: none;
	}
	.base-imagebox .table thead th,
	.base-imagebox .table tbody th,
	.base-imagebox .table tbody td,
	.base-imagebox .table tbody tr:first-child th,
	.base-imagebox .table tbody tr:first-child td {
		border: none;
		border-bottom: 1px solid #999;
	}
	.base-imagebox .table thead tr:first-child th:first-child {
		border-bottom: 2px solid #ea650d;
	}
	.base-imagebox .table colgroup + tbody tr:first-child th:first-child {
		border-top: 2px solid #ea650d;
	}
}

@media screen and (max-width: 767px) {
	.base-imagebox .box:not(:only-child):first-child,
	.base-imagebox .box:not(:only-child):last-child {
		width: 100%;
	}
	.base-imagebox .box:not(:only-child):last-child {
		margin-top: 20px;
		padding-top: 20px;
		/* border-top: 1px solid #e5ded9; */
	}
}

/*  imagebox-gray
------------------------------------------------*/

.imagebox-gray > div {
	padding: 20px;
	background: #f1edeb;
	border-radius: 4px;
}

/*  imagebox-change
------------------------------------------------*/

.imagebox-change .box:not(:only-child):first-child {
    order: 1;
    margin-left: auto;
}
.imagebox-change .box:not(:only-child):last-child {
    margin-left: 0;
}

@media screen and (max-width: 767px) {
	.imagebox-change .box:not(:only-child):first-child {
		margin-top: 20px;
		padding-bottom: 24px;
		border-bottom: 1px solid #e5ded9;
	}
	.imagebox-change .box:not(:only-child):last-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
}

/*  imagebox-noborder
------------------------------------------------*/

@media screen and (max-width: 767px) {
	.imagebox-noborder .box:not(:only-child):last-child,
	.imagebox-noborder.imagebox-change .box:not(:only-child):first-child {
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}
	.imagebox-noborder.imagebox-change .box:not(:only-child):last-child {
		margin-top: 0;
	}
}

/*  imagebox-300
------------------------------------------------*/

.imagebox-300 .box:not(:only-child):first-child {
	width: calc(100% - 320px);
}
.imagebox-300 .box:not(:only-child):last-child {
	width: 300px;
}

@media screen and (max-width: 767px) {
	.imagebox-300 .box:not(:only-child):first-child,
	.imagebox-300 .box:not(:only-child):last-child {
		width: 100%;
	}
}

/*  imagebox-200
------------------------------------------------*/

.imagebox-200 .box:not(:only-child):first-child {
	width: calc(100% - 220px);
}
.imagebox-200 .box:not(:only-child):last-child {
	width: 200px;
}

@media screen and (max-width: 767px) {
	.imagebox-200 .box:not(:only-child):first-child,
	.imagebox-200 .box:not(:only-child):last-child {
		width: 100%;
	}
}

/*  imagebox-140
------------------------------------------------*/

.imagebox-140 .box:not(:only-child):first-child {
	width: calc(100% - 160px);
}
.imagebox-140 .box:not(:only-child):last-child {
	width: 140px;
}

@media screen and (max-width: 767px) {
	.imagebox-140 .box:not(:only-child):first-child,
	.imagebox-140 .box:not(:only-child):last-child {
		width: 100%;
	}
}

/*  imagebox-120
------------------------------------------------*/

.imagebox-120 .box:not(:only-child):first-child {
	width: calc(100% - 140px);
}
.imagebox-120 .box:not(:only-child):last-child {
	width: 120px;
}

@media screen and (max-width: 767px) {
	.imagebox-120 .box:not(:only-child):first-child,
	.imagebox-120 .box:not(:only-child):last-child {
		width: 100%;
	}
	.imagebox-120 .box:not(:only-child):first-child {
		order: 1;
		margin-top: 20px;
	}
	.imagebox-120 .box:not(:only-child):last-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
}

/*  imagebox-100
------------------------------------------------*/

.imagebox-100:not(:first-child) {
	margin-top: 10px;
}
.imagebox-100 .box:not(:only-child):first-child {
	width: calc(100% - 120px);
}
.imagebox-100 .box:not(:only-child):last-child {
	width: 100px;
}

@media screen and (max-width: 767px) {
	.imagebox-100 .box:not(:only-child):first-child,
	.imagebox-100 .box:not(:only-child):last-child {
		width: 100%;
	}
	.imagebox-100 .box:not(:only-child):last-child {
		padding-top: 0;
		border-top: none;
	}
}

/*  imagebox-half
------------------------------------------------*/

.imagebox-half .box:not(:only-child):first-child,
.imagebox-half .box:not(:only-child):last-child {
	width: calc(50% - 10px);
}

@media screen and (max-width: 767px) {
	.imagebox-half .box:not(:only-child):first-child,
	.imagebox-half .box:not(:only-child):last-child {
		width: 100%;
	}
}

/*  iconlist
========================================================================*/

.base-iconlist:not(:first-child) {
	margin-top: 30px;
}
.base-iconlist > div {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
    border-bottom: 1px solid #cac7c7;
}
.base-iconlist .box {
	z-index: auto!important;
}
.base-iconlist .box:not(:only-child):first-child {
	width: 57px;
}
.base-iconlist .box:not(:only-child):last-child {
	width: calc(100% - 77px);
	margin-left: auto;
}
.base-iconlist .text:not(:first-child) {
	margin-top: 15px;
}
.base-iconlist .text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-iconlist .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-iconlist .list a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-iconlist .list a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-iconlist .list:not(:first-child) {
	margin-top: 12px;
}
.base-iconlist .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -10px;
}
.base-iconlist .list li {
	position: relative;
	width: calc(50% - 20px);
	margin: 5px 10px;
	/* padding-left: 15px; */
	padding-left: 19px;
}
/* .base-iconlist .list li:before {
	content: '';
	position: absolute;
	top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
} */
.base-iconlist .list li:before {
	content: '';
    position: absolute;
    top: .5em;
    left: 3px;
    /* width: 5px; */
    /* height: 5px; */
    /* background: #ccc; */
	width: 6px;
	height: 6px;
	background: #ea650d;
    border-radius: 50%;
}
.base-iconlist .link:not(:first-child) {
	margin-top: 20px;
}
.base-iconlist .link > div {
	position: relative;
	padding-left: 30px;
}
/* .base-iconlist .link > div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-iconlist .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */
.base-iconlist .link > div {
	padding-left: 20px;
    padding-left: 2rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;
}

@media screen and (max-width: 767px) {
	.base-iconlist .list li {
		width: 100%;
	}
}

/*  download
========================================================================*/

.base-download:not(:first-child) {
	margin-top: 30px;
}
.base-download > div {
	display: flex;
	flex-wrap: wrap;
}
.base-download .box {
	z-index: auto!important;
}
.base-download .box:not(:only-child):first-child {
	width: 300px;
}
.base-download .box:not(:only-child):last-child {
	width: calc(100% - 320px);
	margin-left: auto;
}
.base-download .image {
	text-align: center;
	
}
.base-download .h3:not(:first-child) {
	margin-top: 20px;
}
.base-download .h3 + div:not(:first-child) {
	margin-top: 15px;
}
.base-download .title:not(:first-child) {
	margin-top: 20px;
}
.base-download .title {
	font-weight: bold;
}
.base-download .text:not(:first-child) {
	margin-top: 20px;
}
.base-download .text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-download .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-download .list:not(:first-child) {
	margin-top: 20px;
}
.base-download .list div > ul > li {
	/* padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat */
	
    padding-left: 2.8rem;
    background: url(../../nnds/images/forms-24px.svg) no-repeat left -4px top 0px;
    background-size: 2.4rem 2.4rem;
}
.base-download .list div > ul > li:not(:first-child) {
	margin-top: 10px;
}
/* .base-download .list div > ul > li a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}.base-download .list div > ul > li a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
} */
.base-download {
	position: relative;
}

.base-download .list div > ul > li a::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.base-download .dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-download .dotlist div > ul > li {
	position: relative;
	padding-left: 24px;
}
.base-download .dotlist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-download .dotlist div > ul > li:before {
	content: '';
	position: absolute;
	/* top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%; */
	top: 0.9rem;
	left: 2px;
	width: 6px;
	height: 6px;
	background:#6D6D6D;
	border-radius: 50%;
}
.base-download .list ul ul,
.base-download .dotlist ul ul {
	margin-top: 5px;
	font-size: 87%;
}
.base-download .list ul ul li,
.base-download .dotlist ul ul li {
	position: relative;
	margin-top: 5px;
	padding-left: 15px;
}
.base-download .list ul ul li:before,
.base-download .dotlist ul ul li:before {
	content: '※';
    position: absolute;
    left: 0;
}

@media screen and (max-width: 767px) {
	.base-download .box:not(:only-child):first-child,
	.base-download .box:not(:only-child):last-child {
		width: 100%;
	}
	.base-download .box:not(:only-child):last-child {
		margin-top: 20px;
		padding-bottom: 24px;
		/* border-top: 1px solid #e5ded9; */
		border-bottom: 1px solid #e5ded9;

	}
}

/*  sidetextbox
========================================================================*/

.base-sidetextbox:not(:first-child) {
	margin-top: 30px;
}
.base-sidetextbox > div {
	display: flex;
	flex-wrap: wrap;
}
.base-sidetextbox .mainarea {
	width: 620px;
	max-width: calc(100% - 320px);
	margin-right: 20px;
	z-index: auto!important;
}
.base-sidetextbox .sidearea {
	width: 300px;
	margin-left: auto;
	z-index: auto!important;
}

@media screen and (max-width: 767px) {
	.base-sidetextbox .mainarea {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.base-sidetextbox .sidearea {
		width: 100%;
		margin-top: 30px;
	}
}

/*  step
========================================================================*/

.base-step:not(:first-child) {
	margin-top: 20px;
}
.base-step + div {
	margin-top: 50px;
}
.base-step .step {
	position: relative;
	z-index: auto!important;
}
.base-step .step:not(:first-child) {
	margin-top: 55px;
}
.base-step .step:not(:last-child):before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
	height: 1px;
	background: #cac7c7;
}
/* .base-step .step:not(:last-child):after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: -30px;
	width: 10px;
	height: 10px;
	background: #fff;
	border-bottom: 1px solid #cac7c7;
	border-right: 1px solid #cac7c7;
	transform: rotate(45deg);
} */
.base-step .step > div {
	display: flex;
	flex-wrap: wrap;
}
.base-step .step:last-child > div {
	padding-bottom: 20px;
	border-bottom: 1px solid #cac7c7;
} 
.base-step .box {
	z-index: auto!important;
}
.base-step .box:not(:only-child):first-child {
	width: 50px;
}
.base-step .box:not(:only-child):last-child {
	width: calc(100% - 60px);
	margin-left: auto;
}
.base-step .number > div {
	text-align: center;
	/* color: #ea650d; */
	color: #404040;
	font-size: 170%;
	font-weight: bold;
}
.base-step .h3:not(:first-child) {
	margin-top: 15px;
}
.base-step .h3 h3 {
	font-size: 115%;
}
.base-step .h3.background {
	margin-top: -8px;
}
.base-step .h3.background h3 {
	display: inline-block;
	min-width: 60px;
	padding: 8px 10px 6px;
	background: #ea650d;
	color: #fff;
	border-radius: 4px;
}
.base-step .text:not(:first-child) {
	margin-top: 10px;
}
.base-step .text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-step .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-step .button:not(:first-child) {
	margin-top: 20px;
}
.base-step .button {
	text-align: center;
}
.base-step .button a {
	display: inline-block;
	padding: 12px 16px;
	/* background: #ea650d;
	color: #fff; */
	background: #404040;
	color: #FFFFFF;

	text-align: center;
	border-radius: 4px;
}
.base-step .button a:hover {
	text-decoration: none;
	/* background: #e64415; */
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}
.base-step .w-60 {
    width: calc(100% - 60px);
    margin-left: 10px;
}
.base-step .btn-center {
	margin: auto;
}
.base-step .notes:not(:first-child) {
	margin-top: 20px;
}
.base-step .notes a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-step .notes a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-step .notes li:not(:first-child) {
	margin-top: 4px;
}
.base-step .notes li {
	position: relative;
	padding-left: 15px;
	font-size: 87%;
}
.base-step .notes li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.base-step .panel {
	max-width: 460px;
	margin-bottom: 20px;
}
.base-step .panel:not(:first-child) {
	margin-top: 30px;
}
.base-step .panel > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.base-step .panel .panel-box {
	z-index: auto!important;
}
.base-step .panel .panel-box:not(:only-child):first-child {
	width: 140px;
}
.base-step .panel .panel-box:not(:only-child):last-child {
	width: calc(100% - 160px);
	margin-left: auto;
}
.base-step .panel .panel-image {
	text-align: center;
}
.base-step .image-panel:not(:first-child),
.base-step .image-panel2:not(:first-child) {
	margin-top: 20px;
}
.base-step .image-panel > div,
.base-step .image-panel2 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.base-step .image-panel .panel-box,
.base-step .image-panel2 .panel-box {
	width: calc(33.33% - 10px);
	margin: 0 5px;
	z-index: auto!important;
}
.base-step .image-panel2 .panel-box {
	width: calc(40% - 10px);
}
.base-step .image-panel .box-image > div,
.base-step .image-panel2 .box-image > div {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
}
.base-step .list:not(:first-child) {
	margin-top: 20px;
}
.base-step .list li {
	position: relative;
	padding-left: 27px;
}
.base-step .list li:not(:first-child) {
	margin-top: 10px;
}
/* .base-step .list li:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-step .list li:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */
.base-step .list li {
	padding-left: 20px;
    padding-left: 2rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;	

}

.base-step .download:not(:first-child) {
	margin-top: 20px;
}
.base-step .download li {
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat
}
.base-step .download li:not(:first-child) {
	margin-top: 10px;
}
.base-step .border-panel:not(:first-child) {
	margin-top: 20px;
}
.base-step .border-panel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.base-step .border-panel .panel-box {
	width: calc(33.33% - 10px);
	margin: 0 5px;
	border: 1px solid #cac7c7;
    border-radius: 5px;
	z-index: auto!important;
}
.base-step .border-panel .panel-box > div {
	padding: 15px;
}
.base-step .border-panel .panel-box:nth-child(n+4) {
	margin-top: 30px;
}
.base-step .border-panel .text:not(:first-child) {
	margin-top: 20px;
} 
.base-step .border-panel .text strong {
	color: #ea650d;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.base-step .panel .panel-box:not(:only-child):first-child {
		width: 100%;
	}
	.base-step .panel .panel-box:not(:only-child):last-child {
		width: 100%;
		margin-top: 20px;
	}
	.base-step .image-panel .panel-box,
	.base-step .image-panel2 .panel-box {
		width: 100%;
	}
	.base-step .image-panel .panel-box:not(:first-child),
	.base-step .image-panel2 .panel-box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-step .border-panel .panel-box {
		width: 100%;
	}
	.base-step .border-panel .panel-box:not(:first-child) {
		margin-top: 20px;
	}
	.base-step .image-panel .box-image > div,
	.base-step .image-panel2 .box-image > div {
		display: block;
		text-align: center;
		min-height: auto;
	}
	.base-step .btn-center {
		display: inline-block;
		width: 100%;
	}
	.base-step .btn-center a {
		display: inline-block;
		width: 100%;
	}
}

/*  voice
========================================================================*/

.base-voice:not(:first-child) {
	margin-top: 32px;
}
.base-voice .voice:not(:first-child) {
	margin-top: 30px;
}
.base-voice .voice > div {
	display: flex;
	flex-wrap: wrap;
}
.base-voice .box {
	width: 100%;
	z-index: auto!important;
}
.base-voice .box:not(:only-child):first-child {
	width: 140px;
}
.base-voice .box:not(:only-child):last-child {
	width: calc(100% - 170px);
	margin-left: auto;
}
.base-voice .image > div {
	text-align: center;
}
.base-voice .text:not(:first-child) {
    margin-top: 24px;
}
.base-voice .text a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-voice .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-voice .bold:not(:first-child) {
	margin-top: 20px;
}
.base-voice .bold > div {
	font-weight: bold;
}
.base-voice .bold a {
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-voice .bold a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-voice .asterisk:not(:first-child) {
    margin-top: 20px;
}
.base-voice .asterisk > div {
	font-size: 70%;
}
.base-voice .asterisk li:not(:first-child) {
	margin-top: 4px;
}
.base-voice .asterisk li {
	position: relative;
	padding-left: 15px;
}
.base-voice .asterisk li:before {
	content: '*';
	position: absolute;
	left: 0;
}
.base-voice .asterisk a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-voice .asterisk a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-voice .link:not(:first-child) {
    margin-top: 20px;
}
.base-voice .link > div {
	display: table;
	position: relative;
	min-width: 50px;
	margin-left: auto;
    padding-left: 30px;
}
.base-voice .link > div:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%;
}
.base-voice .link > div:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

@media screen and (max-width: 767px) {
	.base-voice .box:not(:only-child):first-child {
		width: 100%;
	}
	.base-voice .box:not(:only-child):last-child {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-voice .voice:not(:first-child) {
		margin-top: 20px;
	}
	.base-voice .voice:not(:first-child) > div {
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
}

/*  voice-alternate
------------------------------------------------*/

.voice-alternate > div {
	padding-bottom: 30px;
	border-bottom: 1px solid #e5ded9;
}
.voice-alternate .voice > div {
	padding-top: 30px;
	border-top: 1px solid #e5ded9;
}
.voice-alternate .voice:nth-child(even) .box:not(:only-child):first-child {
	order: 1;
	margin-left: auto;
}
.voice-alternate .voice:nth-child(even) .box:not(:only-child):last-child {
	margin-left: 0;
}
.voice-alternate .voice:nth-child(odd) .bold > div {
	text-align: right;
}
.voice-alternate .voice:nth-child(even) .link > div {
	display: block;
}

@media screen and (max-width: 767px) {
	.voice-alternate .voice > div {
		padding-top: 0;
		border: none;
	}
	.voice-alternate .voice:nth-child(even) .box:not(:only-child):first-child {
		order: 0;
	}
}

/*  voice-190
------------------------------------------------*/

.voice-190 > div {
	padding-bottom: 40px;
	border-bottom: 1px solid #e5ded9;
}
.voice-190 .voice > div {
	padding-top: 40px;
	border-top: 1px solid #e5ded9;
}
.voice-190 .box:not(:only-child):first-child {
	width: 190px;
}
.voice-190 .voice:nth-child(even) .box:not(:only-child):first-child {
	order: 1;
	margin-left: auto;
}
.voice-190 .box:not(:only-child):last-child {
	width: calc(100% - 220px);
}
.voice-190 .voice:nth-child(even) .box:not(:only-child):last-child {
	margin-left: 0;
}
.voice-190 .voice:nth-child(odd) .bold > div {
	text-align: right;
}
.voice-190 .voice:nth-child(even) .link > div {
	display: block;
}
.voice-190 .image img {
	max-width: 190px;
}

@media screen and (max-width: 767px) {
	.voice-190 > div {
		padding-bottom: 30px;
	}
	.voice-190 .voice > div {
		padding-top: 30px;
	}
	.voice-190 .voice:nth-child(even) .box:not(:only-child):first-child {
		order: 0;
	}
	.voice-190 .voice:not(:first-child) {
		margin-top: 30px;
	}
	.voice-190 .voice:not(:first-child) > div {
		padding-top: 30px;
	}
	.voice-190 .box:not(:only-child):first-child {
		width: 100%;
	}
	.voice-190 .box:not(:only-child):last-child {
		width: 100%;
		padding-top: 0;
		border-top: none;
	}
	.voice-190 .voice .bold > div {
		text-align: right;
	}
	.voice-190 .voice .link > div {
		display: block;
	}
}

/*  image
========================================================================*/

.base-image:not(:first-child) {
	margin-top: 20px;
}

/*  image-center
------------------------------------------------*/

.image-center {
	text-align: center;
}

/*  image-right
------------------------------------------------*/

.image-right {
	text-align: right;
}

/*  image-youtube
------------------------------------------------*/

.image-youtube {
	text-align: center;
}
.image-youtube img {
	border-radius: 0;
	width: 100%;
}
.image-youtube a {
	position: relative;
	display: table;
	margin: 0 auto;
}
.image-youtube a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	pointer-events: none;
}
.image-youtube a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	width: 68px;
	height: 48px;
	background: rgba(0,0,0,.6);
	border-radius: 15px;
	pointer-events: none;
	transition: all .3s;
}
.image-youtube a:hover:before {
	background: rgba(255,0,0,.7);
}

/*  base-textimage
========================================================================*/

.base-textimage:not(:first-child) {
	margin-top: 20px;
}
.base-textimage > div {
	max-width: 620px;
	margin: 0 auto;
}
.base-textimage .text:not(:first-child) {
	margin-top: 5px;
}

/*  stepimages
========================================================================*/

.base-stepimages:not(:first-child) {
	margin-top: 20px;
}
.base-stepimages > div {
	display: flex;
	flex-wrap: wrap;
}
.base-stepimages .image {
	width: calc(25% - 4px);
	margin: 0 2px;
	z-index: auto!important;
}

@media screen and (max-width: 767px) {
	.base-stepimages .image {
		width: 100%;
		text-align: center;
	}
	.base-stepimages .image:not(:first-child) {
		margin-top: 10px;
	}
}

/*  images
========================================================================*/

.base-images:not(:first-child) {
	margin-top: 20px;
}
.base-images > div {
	display: flex;
	flex-wrap: wrap;
	margin: -2px;
}
.base-images .image {
	width: calc(100% - 4px);
	margin: 2px;
	z-index: auto!important;
}
.base-images .half {
	width: calc(50% - 4px);
}
.base-images .image img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.base-images .image {
		width: 100%;
	}
}

/*  naturalimages
========================================================================*/

.base-naturalimages:not(:first-child) {
	margin-top: 20px;
}
.base-naturalimages > div {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: -2px;
}
.base-naturalimages .image {
	margin: 2px;
	z-index: auto!important;
}

/*  line
========================================================================*/

.base-line:not(:first-child) {
	margin-top: 40px;
}
.base-line hr {
	border: 0;
	border-top: 1px solid #ea650d;
}

/*  line-gray
------------------------------------------------*/

.line-gray hr {
	border-top: 1px solid #e5ded9;
}

/*  base-arrow
========================================================================*/

.base-arrow:not(:first-child),
.base-arrow + div:not(:first-child) {
	margin-top: 25px;
}
.base-arrow > div {
	position: relative;
	height: 20px;
	text-align: center;
}
.base-arrow > div:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	border: 60px solid transparent;
	border-top: 20px solid #c4c1ba;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.base-arrow:not(:first-child),
	.base-arrow + div:not(:first-child) {
		margin-top: 20px;
	}
	.base-arrow > div:before {
		border-width: 20px;
	}
}

/*  link
========================================================================*/

.base-link:not(:first-child) {
	margin-top: 20px;
}
.base-link > div {
	position: relative;
	padding-left: 15px;
	
}
/* .base-link > div:before {
	content: '';
	position: absolute;
	top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
} */
.base-link > div {
	padding-left: 20px;
    padding-left: 2.0rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;	
}

/*  list
========================================================================*/

.base-list:not(:first-child) {
    margin-top: 20px;
}
.base-line + .base-list {
	margin-top: 40px;
}
.base-list li {
    position: relative;
    padding-left: 15px;
}
.base-list li:not(:first-child) {
    margin-top: 10px;
}
/* .base-list li:before {
    content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d;
} */

.base-list li {
	padding-left: 20px;
    padding-left: 2.0rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;	
}

.base-list ul ul li {
	margin-top: 10px;
	margin-left: 2rem;
}

/*  list-horizon
------------------------------------------------*/

.list-horizon ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -10px;
}
.list-horizon li,
.list-horizon li:not(:first-child) {
	margin: 5px 10px;
}

/*  arrowlink
========================================================================*/

/*.base-arrowlink:not(:first-child) {
    margin-top: 20px;
}
.base-arrowlink > div {
    position: relative;
    padding-left: 30px;
}
.base-arrowlink > div:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%;
}
.base-arrowlink > div:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}  */

.base-arrowlink:not(:first-child) {
	margin-top: 20px;
    margin-top: 2.0rem;
}
.base-arrowlink > div {
	/* padding-left: 26px; */
    padding-left: 2.0rem;
	background-image: url(../../nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 3px;
	
}
.base-arrowlink a {
    color : #1A1A1A;
	/* vertical-align :text-top; */
}
.base-arrowlink a:hover {
    transition : unset;
    /* text-decoration-line : none; */
	text-decoration-line: underline;
    /* border-bottom : 1.5px solid #EA650D; */
}
.base-arrowlink a:focus-visible {
    transition : unset;
    border : 2px solid #524E91;
  }

.base-arrowlink a:not(:only-child):first-child {
	margin-right: 20px;
    margin-right: 2.0rem;
}

@media screen and (max-width: 767px) {
	.base-arrowlink a:not(:only-child):first-child {
		display: block;
		margin: 0 0 10px;
	    margin: 0 0 1.0rem;
	}
}


/*  arrowlink-right
------------------------------------------------*/

.arrowlink-right > div {
	display: table;
	min-width: 50px;
	margin-left: auto;
}

/*  arrowlink-back
------------------------------------------------*/

.arrowlink-back > div:before {
    background: #f1edeb;
}
.arrowlink-back > div:after {
    left: 2px;
    border: 5px solid transparent;
    border-right: 5px solid #414141;
}

/*  arrowlist
========================================================================*/

.base-arrowlist:not(:first-child) {
	margin-top: 20px;
}
.base-arrowlist li {
	position: relative;
	padding-left: 30px;
}
.base-arrowlist li:not(:first-child) {
	margin-top: 10px;
}
.base-arrowlist li a {
	color : #1A1A1A;
}
.base-arrowlist li a:hover {
	transition : unset;
	text-decoration-line: underline;
}
.base-arrowlist li {
	/* padding-left: 26px; */
    padding-left: 2.0rem;
	background-image: url(../../nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;
	
}

/* .base-arrowlist li:before { 
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-arrowlist li:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */

/*  arrowlist-gray
------------------------------------------------*/

.arrowlist-gray > div {
	padding: 20px;
	background: #f1edeb;
	border-radius: 4px;
}
.arrowlist-gray a {
	color: #ea650d;
}

/*  downloadlink
========================================================================*/

.base-downloadlink:not(:first-child) {
	margin-top: 20px;
}
.base-downloadlink > div {
	/* padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat */
	padding-left: 30px;
    background: url(/../../library/nnds/images/forms-24px.svg) no-repeat -2px 0.5px;
    background-size: 2.4rem;
    /* height: 24px; */
}

.base-downloadlink a:not(:only-child):first-child {
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.base-downloadlink a:not(:only-child):first-child {
		display: block;
		margin: 0 0 10px;
	}
}

/*  clicklink
========================================================================*/

.base-clicklink:not(:first-child) {
	margin-top: 15px;
}
.base-clicklink > div {
	padding-left: 25px;
	background: url(../images/icon_search.png) no-repeat 0 -2px;
	font-size: 85%;
}

/*  downloadlist
========================================================================*/

.base-downloadlist:not(:first-child) {
	margin-top: 20px;
}
.base-downloadlist li {
	/* padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat */
	padding-left: 32px;
    background: url(/../../library/nnds/images/forms-24px.svg) no-repeat -2px 0px;
    background-size: 2.4rem;
    /* height: 24px; */
}
.base-downloadlist li:not(:first-child) {
	margin-top: 10px;
}

/*  dotlist
========================================================================*/

.base-dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-dotlist a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-dotlist a:hover {
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-dotlist a[href$='.pdf'] {
	display: inline-block;
	margin-top: 8px;
	color: #414141;
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat;
}
.base-dotlist div > ul > li {
	position: relative;
	padding-left: 24px;
}
.base-dotlist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
/* .base-dotlist div > ul > li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
} */
.base-dotlist div > ul > li:before {
	content: '';
	position: absolute;
	top: 0.9rem;
	left: 2px;
	width: 6px;
	height: 6px;
	background:#6D6D6D;
	border-radius: 50%;

}

.base-dotlist ul ul {
	font-size: 88%;
}
.base-dotlist ul ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 15px;
}
.base-dotlist ul ul li:before {
	content: '※';
    position: absolute;
    left: 0;
}
.base-dotlist ul ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.base-dotlist ul ol li {
	margin-top: 8px;
}

.base-dotlist div > ol {
	padding-left: 25px;
	list-style-type: decimal;
}
.base-dotlist div > ol:not(:first-child) {
	margin-top: 15px;
}
.base-dotlist div > ol > li:not(:first-child) {
	margin-top: 10px;
}
.base-dotlist ol ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 14px;
}
.base-dotlist ol ul li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.base-dotlist ol ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.base-dotlist ol ol li {
	margin-top: 8px;
}

/*  dotlist-dot
------------------------------------------------*/

.dotlist-dot ul ul {
	font-size: 100%;
}
.dotlist-dot ul ul li {
	margin-top: 10px;
	padding-left: 14px;
}
.dotlist-dot ul ul li:before {
	content: '';
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.dotlist-dot .box {
	margin-top: 5px;
	padding: 20px;
	background: #f1edeb;
	border-radius: 4px;
}
.dotlist-dot .box li:first-child {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.dotlist-dot .box {
		padding: 15px;
	}
}

/*  dotlist-bold
------------------------------------------------*/

.dotlist-bold {
	font-weight: bold;
}

/*  noteslist
========================================================================*/

.base-noteslist:not(:first-child) {
	margin-top: 20px;
}
.base-noteslist a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-noteslist a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-noteslist div > ul > li {
	position: relative;
	padding-left: 15px;
}
.base-noteslist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-noteslist div > ul > li:before {
	content: '※';
	position: absolute;
	left: 0;
}
.base-noteslist ul ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 15px;
}
.base-noteslist ul ul li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 3px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.base-noteslist ul ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.base-noteslist ul ol li {
	margin-top: 8px;
}

.base-noteslist div > ol {
	counter-reset: noteslist;
}
.base-noteslist div > ol:not(:first-child) {
	margin-top: 10px;
}
.base-noteslist div > ol > li {
	position: relative;
	padding-left: 35px;
}
.base-noteslist div > ol > li:not(:first-child) {
	margin-top: 10px;
}
.base-noteslist div > ol > li:before {
	counter-increment: noteslist;
	content: "※"counter(noteslist);
	position: absolute;
    left: 0;
}
.base-noteslist ol ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 15px;
}
.base-noteslist ol ul li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 3px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.base-noteslist ol ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.base-noteslist ol ol li {
	margin-top: 8px;
}

/*  noteslist-orange
------------------------------------------------*/

.noteslist-orange {
	/* color: #ea650d; */
	color: #404040;
}
.noteslist-orange ul ul li:before,
.noteslist-orange ol ul li:before {
	/* background: #ea650d; */
	background:#6D6D6D;
}

/*  noteslist-red
------------------------------------------------*/

.noteslist-red,
.noteslist-red a {
	/* color: #e64415; */
	color: #404040;
}
.noteslist-red ul ul li:before,
.noteslist-red ol ul li:before {
	/* background: #e64415; */
	background:#6D6D6D;
}

/*  noteslist-small
------------------------------------------------*/

.noteslist-small:not(:first-child) {
	margin-top: 10px;
}
.base-panel + .noteslist-small {
	margin-top: 50px;
}
.base-line + .noteslist-small {
	margin-top: 40px;
}
.noteslist-small > div {
	font-size: 88%;
}
.noteslist-small div > ul > li:not(:first-child),
.noteslist-small ul ul li,
.noteslist-small ul ol li,
.noteslist-small div > ol > li:not(:first-child),
.noteslist-small ol ul li,
.noteslist-small ol ol li {
	margin-top: 4px;
}

/*  noteslist-point
------------------------------------------------*/

.noteslist-point:not(:first-child) {
	margin-top: 10px;
}
.noteslist-point > div {
	font-size: 88%;
}
.noteslist-point div > ul > li:not(:first-child) {
	margin-top: 4px;
}
.noteslist-point div > ul > li:before {
	content: '';
    position: absolute;
    top: 0.9rem;
    left: 2px;
    width: 6px;
    height: 6px;
    background: #6D6D6D;
    border-radius: 50%;
}

/*  noteslist-dot
------------------------------------------------*/

.noteslist-dot:not(:first-child) {
	margin-top: 10px;
}
.noteslist-dot > div {
	font-size: 88%;
}
.noteslist-dot div > ul > li:not(:first-child) {
	margin-top: 4px;
}
.noteslist-dot div > ul > li:before {
	
	content: '';
    position: absolute;
    top: 0.9rem;
    left: 2px;
    width: 6px;
    height: 6px;
    background: #6D6D6D;
    border-radius: 50%;
}

/*  noteslist-nospace
------------------------------------------------*/

.noteslist-nospace:not(:first-child) {
	margin-top: 5px;
}
.noteslist-nospace div > ul > li:not(:first-child),
.noteslist-nospace ul ul li,
.noteslist-nospace ul ol li,
.noteslist-nospace div > ol > li:not(:first-child),
.noteslist-nospace ol ul li,
.noteslist-nospace ol ol li {
	margin-top: 0;
}

/*  noteslist-asterisk
------------------------------------------------*/

.noteslist-asterisk > div {
	font-size: 88%;
}
.noteslist-small + .noteslist-asterisk,
.noteslist-asterisk div > ul > li:not(:first-child) {
	margin-top: 4px;
}
.noteslist-asterisk div > ul > li:before {
	content: '*';
}
.noteslist-asterisk div > ol {
	counter-reset: asterisk;
}
.noteslist-asterisk div > ol:not(:first-child) {
	margin-top: 4px;
}
.noteslist-asterisk div > ol > li {
	padding-left: 15px;
}
.noteslist-asterisk div > ol > li:not(:first-child) {
	margin-top: 4px;
}
.noteslist-asterisk div > ol > li:before {
	counter-increment: asterisk;
	content: "*"counter(asterisk);
	left: -4px;
}

/*  noteslist-nospace
------------------------------------------------*/

.noteslist-indent {
	margin-left: 1em;
}
.noteslist-indent:not(:first-child) {
	margin-top: 5px;
}
.noteslist-indent div > ul > li:not(:first-child),
.noteslist-indent ul ul li,
.noteslist-indent ul ol li,
.noteslist-indent div > ol > li:not(:first-child),
.noteslist-indent ol ul li,
.noteslist-indent ol ol li {
	margin-top: 3px;
}


/*  notelist
========================================================================*/

.base-notelist:not(:first-child) {
	margin-top: 20px;
}
.base-notelist a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-notelist a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}
.base-notelist ul li {
	position: relative;
	padding-left: 35px;
}
.base-notelist ul li:not(:first-child) {
	margin-top: 10px;
}
.base-notelist ul li:before {
	content: "(※)";
	position: absolute;
    left: 0;
}

.base-notelist ol {
	counter-reset: notelist;
}
.base-notelist ol li {
	position: relative;
	padding-left: 45px;
}
.base-notelist ol li:not(:first-child) {
	margin-top: 10px;
}
.base-notelist ol li:before {
	counter-increment: notelist;
	content: "(※"counter(notelist)")";
	position: absolute;
    left: 0;
}

/*  button
========================================================================*/

.base-button:not(:first-child) {
	margin-top: 15px;
}
.base-button a {
	display: inline-block;
	padding: 12px 16px;
	/* �I�����W�{�^�� */
	/* background: #ea650d;
	color: #fff; */
	/* �_�[�N�{�^�� */
	background: #404040;
	color: #FFFFFF;

	text-align: center;
	border-radius: 4px;
}
.base-button a:hover {
	text-decoration: none;
	/* �I�����W�{�^�� */
	/* background: #e64415; */

	/* �_�[�N�{�^�� */
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);
}

/*  button-center
------------------------------------------------*/

.button-center > div {
	text-align: center;
}

/*  button-right
------------------------------------------------*/

.button-right > div {
	text-align: right;
}

/*  button-100
------------------------------------------------*/

.button-100 a {
	width: 100%;
}

/*  button-gray
------------------------------------------------*/

.button-gray:not(:first-child) {
	margin-top: 30px;
}
.button-gray a {
	background: #e5ded9;
	color: #414141;
}
.button-gray a:hover {
	background: #f1edeb;
}

/*  largebutton
========================================================================*/

.base-largebutton:not(:first-child) {
	margin-top: 20px;
}
.base-largebutton a {
	display: inline-block;
	min-width: 300px;
	padding: 8px 10px;
	/* �I�����W�{�^�� */
	/* background: #ea650d; */

	color: #fff;

	/* �_�[�N�{�^�� */
	background: #404040;

	text-align: center;
	border-radius: 4px;
}
.base-largebutton a:hover {
	text-decoration: none;
	/* �I�����W�{�^�� */
	/* background: #e64415; */

	/* �_�[�N�{�^�� */
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);
	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);
}

@media screen and (max-width: 767px) {
	.base-largebutton a {
		width: 100%;
		min-width: auto;
	}
}

/*  largebutton-center
------------------------------------------------*/

.largebutton-center > div {
	text-align: center;
}

/*  largebutton-right
------------------------------------------------*/

.largebutton-right > div {
	text-align: right;
}

/*  buttons
========================================================================*/

.base-buttons:not(:first-child) {
	margin-top: 20px;
}
.base-buttons > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -4px;
}
.base-buttons .button {
	width: calc(33.3% - 8px);
	margin: 0 4px;
	z-index: auto!important;
}
.base-buttons .button:nth-child(n+4) {
	margin-top: 8px;
}
.base-buttons .button > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 9px 14px 8px;
	text-align: center;
	color: #ea650d;
	border: 1px solid #ea650d;
	border-radius: 4px;
}
.base-buttons .button > div > div {
	width: 100%;
}
.base-buttons .button a {
	color: #ea650d;
}
.base-buttons .button a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	.base-buttons .button {
		width: 100%;
	}
	.base-buttons .button:not(:first-child) {
		margin-top: 8px;
	}
}

/*  iconbuttons
========================================================================*/

.base-iconbuttons:not(:first-child) {
	margin-top: 40px;
}
.base-iconbuttons > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -10px;
}
.base-iconbuttons .button {
	width: calc(50% - 20px);
	margin: 0 10px;
	z-index: auto!important;
}
.base-iconbuttons .button:nth-child(n+3) {
	margin-top: 20px;
}
.base-iconbuttons .button > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 12px;
	text-align: center;
	border: 1px solid #cac7c7;
	border-radius: 4px;
}
.base-iconbuttons .button > div > div {
	width: 100%;
}
.base-iconbuttons .button a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.base-iconbuttons .button a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.base-iconbuttons .button-faq a:before,
.base-iconbuttons .button-flow a:before {
	content: '';
	display: inline-block;
	margin-right: 14px;
}
.base-iconbuttons .button-faq a:before {
	width: 27px;
	height: 25px;
	background: url(../images/icon_faq.png) no-repeat;
}
.base-iconbuttons .button-flow a:before {
	width: 29px;
	height: 27px;
	background: url(../images/icon_flow.png) no-repeat;
}

@media screen and (max-width: 767px) {
	.base-iconbuttons .button {
		width: 100%;
	}
	.base-iconbuttons .button:not(:first-child) {
		margin-top: 20px;
	}
}

/*  navigation
========================================================================*/

.base-navigation:not(:first-child) {
	margin-top: 30px;
}
.base-navigation > div {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	background: #f1edeb;
}
.base-navigation .button {
	width: 230px;
}
.base-navigation .list {
	width: calc(100% - 250px);
	margin-left: auto;
}
.base-navigation .list > div {
	padding-left: 20px;
	border-left: 1px solid #d3cec4;
}
.base-navigation .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -4px;
}
.base-navigation .list li {
	width: 100%;
	margin: 0 4px;
}
.base-navigation .list li:not(:only-child) {
	width: calc(50% - 8px);
}
.base-navigation a {
	display: block;
	padding: 9px 14px 8px;
	background: #fff;
	text-align: center;
	color: #ea650d;
	border: 1px solid #ea650d;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.base-navigation .button {
		width: 100%;
	}
	.base-navigation .list {
		width: 100%;
		margin-top: 30px;
	}
	.base-navigation .list > div {
		padding-left: 0;
		border-left: none;
	}
	.base-navigation .list li:not(:only-child) {
		width: 100%;
	}
	.base-navigation .list li:not(:first-child) {
		margin-top: 8px;
	}
}

/*  imagebuttons
========================================================================*/

.base-imagebuttons:not(:first-child) {
	margin-top: 50px;
}
.base-imagebuttons > div {
	display: flex;
	flex-wrap: wrap;
}
.base-imagebuttons .box {
	position: relative;
	width: calc(25% - 20px);
	margin: 0 10px;
	z-index: auto!important;
}
.base-imagebuttons .box:after {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	width: 1px;
	height: 100%;
	background: #e5ded9;
}
.base-imagebuttons .box:nth-child(4n):after,
.base-imagebuttons .box:last-child:after {
	display: none;
}
.base-imagebuttons .box:nth-child(n+5) {
	margin-top: 30px;
}
.base-imagebuttons .box > div {
	position: relative;
	height: 100%;
	padding: 15px 5px;
	text-align: center;
}
.base-imagebuttons .image:not(:first-child) {
	margin-top: 15px;
}
.base-imagebuttons .image a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: auto;
	border-radius: 4px;
	transition: all .3s;
}
.pbPage:not(.pbPage--edit) .base-imagebuttons .image a:hover:after {
	background: #f1edeb;
}
.base-imagebuttons .image img {
	position: relative;
	z-index: 1;
}
.base-imagebuttons .title {
	position: relative;
	font-weight: bold;
	font-size: 115%;
	z-index: 1!important;
}
.base-imagebuttons .title:not(:first-child) {
	margin-top: 15px;
}
.pbPage:not(.pbPage--edit) .base-imagebuttons .title {
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.base-imagebuttons .box {
		width: 100%;
		margin: 0;
	}
	.base-imagebuttons .box:after {
		display: none;
	}
	.base-imagebuttons .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-imagebuttons .box > div {
		padding: 10px;
	}
}

/*  imagebuttons-2column
------------------------------------------------*/

.imagebuttons-2column > div {
	margin: 0 -10px;
}
.imagebuttons-2column .box {
	width: calc(50% - 20px);
}
.imagebuttons-2column .box:nth-child(even):after {
	display: none;
}
.imagebuttons-2column .box:nth-child(n+3) {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.imagebuttons-2column > div {
		margin: 0;
	}
	.imagebuttons-2column .box {
		width: 100%;
	}
	.imagebuttons-2column .box:not(:first-child) {
		margin-top: 20px;
	}
}

/*  loginbuttons
========================================================================*/

.base-loginbuttons:not(:first-child) {
	margin-top: 50px;
}
.base-loginbuttons > div {
	display: flex;
}
.base-loginbuttons .left {
	position:relative;
	width: 192px;
	margin: 0 24px;
	z-index: auto!important;
}
.base-loginbuttons .left:after {
	content: '';
	position: absolute;
	top: 0;
	right: -25px;
	width: 1px;
	height: 100%;
	background: #e5ded9;
}
.base-loginbuttons .left > div {
	text-align: center;
}
.base-loginbuttons .left .image {
	margin-top: 18px;
}
.base-loginbuttons .button {
	margin-top: 20px;
}
.base-loginbuttons .button a {
	display: inline-block;
	padding: 10px 14px;
	/* �I�����W�{�^�� */
	background: #e64415;
	color: #fff;
	/* �_�[�N�{�^�� */
	/* background: #404040; */
	/* color: #FFFFFF; */

	font-size: 88%;
	border-radius: 4px;
}
.base-loginbuttons .button a:hover {
	text-decoration: none;
	/* �I�����W�{�^�� */
	background: #ea650d;

	/* �_�[�N�{�^��hover */
	/* background: #2B2B2B; */
	/* box-shadow: 0px 2px 16px 0px #72727214,  0px 1px 6px 0px #8080801A, 0px 1px 2px 0px #6666661A; */


}
.base-loginbuttons .button a strong {
	display: table;
	margin: 3px auto 0;
	padding: 3px 0 0 30px;
	background: url(../images/icon_lock.png) no-repeat;
	font-size: 150%;
}
.base-loginbuttons .right {
	width: calc(100% - 255px);
	margin-left: auto;
	z-index: auto!important;
}
.base-loginbuttons .right > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.base-loginbuttons .box {
	position: relative;
	width: calc(33.33% - 30px);
	margin: 0 15px;
	z-index: auto!important;
}
.base-loginbuttons .box:after {
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	width: 1px;
	height: 100%;
	background: #e5ded9;
}
.base-loginbuttons .box:nth-child(3n):after,
.base-loginbuttons .box:last-child:after {
	display: none;
}
.base-loginbuttons .box:nth-child(n+4) {
	margin-top: 30px;
}
.base-loginbuttons .box > div {
	position: relative;
	height: 100%;
	padding: 15px 5px;
	text-align: center;
}
.base-loginbuttons .right .image:not(:first-child) {
	margin-top: 15px;
}
.base-loginbuttons .right .image a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: auto;
	border-radius: 4px;
	transition: all .3s;
}
.pbPage:not(.pbPage--edit) .base-loginbuttons .right .image a:hover:after {
	background: #f1edeb;
}
.base-loginbuttons .right .image img {
	position: relative;
	z-index: 1;
}
.base-loginbuttons .title {
	position: relative;
	font-weight: bold;
	font-size: 115%;
	z-index: 1!important;
}
.base-loginbuttons .title:not(:first-child) {
	margin-top: 15px;
}
.pbPage:not(.pbPage--edit) .base-loginbuttons .title {
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.base-loginbuttons > div {
		display: block;
	}
	.base-loginbuttons .left {
		width: 100%;
		margin: 0;
	}
	.base-loginbuttons .left:after {
		display: none;
	}
	.base-loginbuttons .right {
		width: 100%;
		margin-top: 20px;
		padding-top: 10px;
		border-top: 1px solid #e5ded9;
	}
	.base-loginbuttons .box {
		width: 100%;
	}
	.base-loginbuttons .box:after {
		display: none;
	}
	.base-loginbuttons .box:not(:first-child) {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #e5ded9;
	}
	.base-loginbuttons .box > div {
		position: relative;
		padding: 10px;
	}
}

/*  loginbutton
========================================================================*/

.base-loginbutton:not(:first-child) {
	margin-top: 30px;
}
.base-loginbutton > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.base-loginbutton .h2 {
	width: 100%;
}
.base-loginbutton h2 {
	/* color: #414141; */
	text-align: center;
	font-weight: normal;
}
.base-loginbutton .box {
	width: 100%;
	max-width: 300px;
	margin: 30px 5px 0;
	text-align: center;
}
.base-loginbutton .button:not(:first-child) {
	margin-top: 20px;
}
.base-loginbutton .button a {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	padding: 12px 16px;
	/* background: #e64415;
	color: #fff; */
	font-size: 130%;
	/* font-weight: bold; */
	text-align: center;
	border-radius: 4px;

	border: 1px solid var(--border-color-button-secondary-default, #404040);
	background: var(--background-color-button-secondary-default, #FFF);
	color:#404040;
}
.base-loginbutton .mypage a {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	max-width: 200px;
	padding: 12px 16px;
	font-size: 130%;
	/* font-weight: bold; */
	text-align: center;
	border-radius: 4px;

	/* background: #f5deb3;
	color: #ea650d; */
	background: #404040;
	color: #FFFFFF;
}
.base-loginbutton .mypage a:hover {
	text-decoration: none;
	background: var(--background-color-button-primary-interaction-states-active, #2B2B2B);

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}
.base-loginbutton .button a:hover {
	text-decoration: none;
	border: 1px solid var(--border-color-button-secondary-interaction-states-active, #EA650D);
	background: var(--background-color-button-secondary-interaction-states-active, #FFF);
	color:#1A1A1A;

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}

/*  categorbuttons
========================================================================*/

.base-categorbuttons:not(:first-child) {
	margin-top: 20px;
}
.base-categorbuttons > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -3px;
}
.base-categorbuttons .box {
	width: calc(33.3% - 6px);
	margin: 0 3px;
	z-index: auto!important;
}
.base-categorbuttons .box:nth-child(n+4) {
	margin-top: 6px;
}
.base-categorbuttons .box > div {
	position: relative;
	height: 100%;
	padding: 20px 24px 15px;
	text-align: center;
	border: 1px solid #cac7c7;
	border-radius: 4px;
}
.base-categorbuttons .box-orange > div {
	border: 1px solid #ea650d;
	color: #ea650d;
}
.base-categorbuttons .box-orange a {
	color: #ea650d;
}
.base-categorbuttons .image:not(:first-child) {
	margin-top: 10px;
}
.base-categorbuttons .title:not(:first-child) {
	margin-top: 20px;
}
.base-categorbuttons .title a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	.base-categorbuttons .box {
		width: 100%;
	}
	.base-categorbuttons .box:not(:first-child) {
		margin-top: 8px;
	}
	.base-categorbuttons .box > div {
		display: flex;
		align-items: center;
		padding: 10px 15px;
	}
	.base-categorbuttons .image {
		min-width: 80px;
	}
	.base-categorbuttons .title:not(:first-child) {
		margin-top: 0;
	}
	.base-categorbuttons .title {
		width: 100%;
		margin-left: 10px;
	}
}

/*  table
========================================================================*/

.base-table:not(:first-child) {
	margin-top: 20px;
}
.base-table a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-table a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-table td > a[href$='.pdf']:not(.no-icon),
.base-table td > p > a[href$='.pdf']:not(.no-icon) {
	color: #414141;
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat;
	display: inline-block; 
	color : #1A1A1A;
    text-decoration-line : none;

}
.base-table td > a[href$='.pdf']:not(.no-icon):hover,
.base-table td > p > a[href$='.pdf']:not(.no-icon) :hover {
	transition : unset;
    text-decoration-line : underline;
	border-bottom:none;
}
.base-table .no-icon img {
	border-radius: 0;
}
.base-table .icon-orange,
.base-table .icon-gray,
.base-table .icon-red,
.base-table .icon-yellow {
	display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}
.base-table .icon-orange {
	background: #ea650d;
}
.base-table .icon-gray {
	background: #666;
}
.base-table .icon-red {
	background: #e64415;
}
.base-table .icon-yellow {
	background: #f5deb3;
	color: #ea650d;
}
.base-table th:first-child {
	padding-left: 0;
}
.base-table thead th {
	/* border-right: 1px solid #999; */
}
.base-table tbody th,
.base-table tbody td {
	/* border-right: 1px solid #999; */
	/* border-bottom: 1px solid #999; */
	box-shadow: 0px -1px 0px 0px rgba(230, 223, 218, 1) inset;


}
.base-table tbody tr:first-child th,
.base-table tbody tr:first-child td {
	border-top: 2px solid #6D6D6D; 
}
.base-table ul {
	display: inline-block;
	text-align: left;
}
.base-table ul > li {
	position: relative;
	padding-left: 15px;
}
.base-table ul > li:not(:first-child) {
	margin-top: 5px;
}
.base-table ul > li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 3px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.base-table ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.base-table ol li {
	margin-top: 8px;
}
.base-table li a {
	color: #414141;
} 

@media screen and (max-width: 767px) {
	.base-table colgroup {
		display: none;
	}
	.base-table tr,
	.base-table th,
	.base-table td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	.base-table table th {
		font-size: 90%;
	}
	.base-table table th:first-child {
		padding-right: 0;
	}
	.base-table tbody th {
		padding-top: 7px;
		padding-bottom: 5px;
	}
	.base-table th:empty,
	.base-table td:empty {
		padding: 0;
		border: none;
	}
	.base-table thead th,
	.base-table tbody th,
	.base-table tbody td,
	.base-table tbody tr:first-child th,
	.base-table tbody tr:first-child td {
		border: none;
		/* border-bottom: 1px solid #999; */
	}
	.base-table thead tr:first-child th:first-child {
		border-bottom: 2px solid #ea650d;
	}
	.base-table colgroup + tbody tr:first-child th:first-child,
	.base-table tbody:only-child tr:first-child th:first-child {
		border-top: 2px solid #ea650d;
	}
}

/*  table-downloadlist
------------------------------------------------*/

.table-downloadlist ul > li {
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat;
}
.table-downloadlist li:before {
	display: none;
}

/*  table-horizontal
------------------------------------------------*/

.table-horizontal ul {
	display: flex;
	margin: -10px;
}
.table-horizontal ul > li {
	width: 33%;
	padding: 10px;
	text-align: center;
}
.table-horizontal ul > li:not(:first-child) {
	margin-top: 0;
}
.table-horizontal li:before {
	display: none;
}

/*  table-horizontal6
------------------------------------------------*/

.table-horizontal6 thead th,
.table-horizontal6 tbody td {
	vertical-align: middle;
}
.table-horizontal6 ul {
	display: flex;
	align-items: flex-end;
	margin: -10px;
}
.table-horizontal6 ul > li {
	width: 16.6%;
	padding: 10px 0;
	text-align: center;
	line-height: 1.2;
}
.table-horizontal6 ul > li:not(:first-child) {
	margin-top: 0;
}
.table-horizontal6 li:before {
	display: none;
}

/*  table-horizontal2
------------------------------------------------*/

.table-horizontal2 thead th,
.table-horizontal2 tbody td {
	vertical-align: middle;
}
.table-horizontal2 ul {
	display: flex;
	align-items: center;
	margin: -10px;
}
.table-horizontal2 ul > li {
	width: 50%;
	padding: 10px 0;
	text-align: center;
	line-height: 1.2;
}
.table-horizontal2 ul > li:not(:first-child) {
	margin-top: 0;
}
.table-horizontal2 li:before {
	display: none;
}

/*  table-center
------------------------------------------------*/

.table-center thead th,
.table-center thead td,
.table-center tbody th,
.table-center tbody td {
	text-align: center;
	vertical-align: middle;
}
.table-center tbody th:first-child,
.table-center tbody td:first-child {
	padding-left: 10px;
}

/*  swipetable
========================================================================*/

.base-swipetable:not(:first-child) {
	margin-top: 20px;
}
.base-swipetable table th,
.base-swipetable table td {
	border: 1px solid #999;
	vertical-align: middle;
}
.base-swipetable table th:first-child,
.base-swipetable table td:first-child {
	border-left: none;
}
.base-swipetable table th:last-child,
.base-swipetable table td:last-child {
	border-right: none;
}
.base-swipetable thead th,
.base-swipetable thead td {
    background: #e5ded9;
}
.base-swipetable tbody th {
    background: #f1edeb;
}
.base-swipetable li {
	position: relative;
	padding-left: 15px;
}
.base-swipetable li:not(:first-child) {
	margin-top: 5px;
}
.base-swipetable li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 3px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.base-swipetable > div {
		overflow: auto!important;
	}
	.base-swipetable > div::-webkit-scrollbar {
		height: 10px;
	}
	.base-swipetable > div::-webkit-scrollbar-thumb {
		background: #ea650d;
		border-radius: 10px;
	}
	.base-swipetable > div::-webkit-scrollbar-track {
		background: #f1edeb;
		border-radius: 10px;
	}
	.base-swipetable table {
		width: 630px;
		margin-bottom: 3px;
	}
}

/*  swipetable-notes
------------------------------------------------*/

.swipetable-notes li {
	font-size: 88%;
}
.swipetable-notes li:before {
	content: '※';
	top: 0;
	left: 0;
	background: none;
}

/*  stickytable
========================================================================*/

.base-stickytable:not(:first-child) {
	margin-top: 20px;
}
.base-stickytable th:first-child {
	border-right: 1px solid #999;
	padding-left: 0;
}
.base-stickytable th:last-child,
.base-stickytable td:last-child {
	border-right: 1px solid #999;
}
.base-stickytable thead th {
	border-bottom: 2px solid #ea650d;
}
.base-stickytable tbody th,
.base-stickytable tbody td {
	border-bottom: 1px solid #999;
}

@media screen and (max-width: 767px) {
	.base-stickytable > div {
		overflow: auto;
	}
	.base-stickytable > div::-webkit-scrollbar {
		height: 10px;
	}
	.base-stickytable > div::-webkit-scrollbar-thumb {
		background: #ea650d;
		border-radius: 10px;
	}
	.base-stickytable > div::-webkit-scrollbar-track {
		background: #f1edeb;
		border-radius: 10px;
	}
	.base-stickytable table {
		width: 720px;
		margin-bottom: 3px;
	}
	.base-stickytable th:first-child {
		width: 110px;
		position: sticky;
		top: 0;
		left: 0;
		background: #fff;
		border-right: none;
	}
	.base-stickytable th:first-child:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background: #999;
	}
	.base-stickytable thead th {
		white-space: nowrap;
	}
}
/*  stickytable_line
========================================================================*/

.base-stickytable_line:not(:first-child) {
	margin-top: 20px;
}
.base-stickytable_line th:first-child {
	border-right: 1px solid #999;
	padding-left: 0;
}
.base-stickytable_line th:last-child,
.base-stickytable_line td:last-child {
	border-right: 1px solid #999;
}
.base-stickytable_line thead th {
	border-bottom: 2px solid #ea650d;
}
.base-stickytable_line tbody th,
.base-stickytable_line tbody td {
	border-bottom: 1px solid #999;
                border-right: 1px solid #999;
}

@media screen and (max-width: 767px) {
	.base-stickytable_line > div {
		overflow: auto;
	}
	.base-stickytable_line > div::-webkit-scrollbar {
		height: 10px;
	}
	.base-stickytable_line > div::-webkit-scrollbar-thumb {
		background: #ea650d;
		border-radius: 10px;
	}
	.base-stickytable_line > div::-webkit-scrollbar-track {
		background: #f1edeb;
		border-radius: 10px;
	}
	.base-stickytable_line table {
		width: 720px;
		margin-bottom: 3px;
	}
	.base-stickytable_line th:first-child {
		width: 110px;
		position: sticky;
		top: 0;
		left: 0;
		background: #fff;
		border-right: none;
	}
	.base-stickytable_line th:first-child:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background: #999;
	}
	.base-stickytable_line thead th {
		white-space: nowrap;
	}
}

/*  smalltable
========================================================================*/

.base-smalltable:not(:first-child) {
	margin-top: 20px;
}
.base-smalltable a {
	color: #ea650d;
}
.base-smalltable table th,
.base-smalltable table td {
	text-align: center;
	vertical-align: middle;
}
.base-smalltable thead th {
	border-right: 1px solid #999;
}
.base-smalltable tbody th,
.base-smalltable tbody td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.base-smalltable tbody tr:first-child th,
.base-smalltable tbody tr:first-child td {
	border-top: 2px solid #ea650d;
}

@media screen and (max-width: 767px) {
	.base-smalltable table th,
	.base-smalltable table td {
		padding: 5px;
	}
}

/*  simpletable
========================================================================*/

.base-simpletable table th,
.base-simpletable table td {
	padding: 20px 0 0;
}

@media screen and (max-width: 767px) {
	.base-simpletable colgroup {
		display: none;
	}
	.base-simpletable tr,
	.base-simpletable th,
	.base-simpletable td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	.base-simpletable table th {
		padding-top: 15px;
	}
	.base-simpletable table td {
		padding-top: 0;
	}
}

/*  sptable
========================================================================*/

.base-sptable:not(:first-child) {
	margin-top: 50px;
}
.base-sptable table th,
.base-sptable table td {
	vertical-align: middle;
}
.base-sptable thead th:not(:first-child),
.base-sptable thead td:not(:first-child) {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.base-sptable thead td {
	text-align: center;
}
.base-sptable .cell-orange {
	background: #ea650d;
	color: #fff;
}
.base-sptable .cell-gray {
	background: #666;
	color: #fff;
}
.base-sptable .cell-red {
	background: #e64415;
	color: #fff;
}
.base-sptable .cell-yellow {
	background: #f5deb3;
	color: #ea650d;
}
.base-sptable tbody th,
.base-sptable tbody td {
	border: 1px solid #999;
}
.base-sptable tbody th:first-child,
.base-sptable tbody td:first-child {
	border-left: none;
}
.base-sptable tbody th:last-child,
.base-sptable tbody td:last-child {
	border-right: none;
}
.base-sptable tbody th {
    background: #e5ded9;
}
.base-sptable tbody td:not(.cell-light) {
	text-align: center;
}
.base-sptable tbody td.cell-light {
    background: #f1edeb;
}
.base-sptable .sp-table {
	display: none;
	border-bottom: 1px solid #999;
}
.base-sptable .sp-table .cell-01,
.base-sptable .sp-table .cell-02 {
	padding: 10px;
	border-top: 1px solid #999;
}
.base-sptable .sp-table .cell-01 {
	 background: #e5ded9; 
}
.base-sptable .sp-table .cell-02 {
	 background: #f1edeb;
}
.base-sptable .sp-table ul {
	display: flex;
	border-top: 1px solid #999;
}
.base-sptable .sp-table li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	padding: 10px 5px;
}
.base-sptable .sp-table li:not(:first-child) {
	border-left: 1px solid #999;
}
.base-sptable .sp-table li a {
	display: inline-block;
	min-width: 46px;
	padding: 5px;
    border-radius: 4px;
    text-align: center;
}
.base-sptable .sp-table li a:hover {
	text-decoration: none;
}
.base-sptable .sp-table li:nth-child(1) a {
	background: #ea650d;
	color: #fff;
}
.base-sptable .sp-table li:nth-child(2) a {
	background: #666;
	color: #fff;
}
.base-sptable .sp-table li:nth-child(3) a {
	background: #e64415;
	color: #fff;
}
.base-sptable .sp-table li:nth-child(4) a {
	background: #f5deb3;
	color: #ea650d;
}

@media screen and (max-width: 767px) {
	.base-sptable:not(:first-child) {
		margin-top: 40px;
	}
	.base-sptable table {
		display: none;
	}
	.base-sptable .sp-table {
		display: block;
	}
}

/*  panel
========================================================================*/

.base-panel:not(:first-child) {
	margin-top: 50px;
}
.base-panel > div {
	display: flex;
	flex-wrap: wrap;
}
.base-panel .box {
	width: 25%;
	z-index: auto!important;
	display: flex;

}
.base-panel .box:nth-child(n+5) {
	margin-top: 50px;
}
.base-panel .box > div {
	padding: 0 20px;
	border-left: 1px solid #e5ded9;
	display: flex;
    flex-direction: column;
}
.base-panel .h2:not(:first-child),
.base-panel .h3:not(:first-child),
.base-panel .h4:not(:first-child),
.base-panel .image:not(:first-child) {
	margin-top: 20px;
}
.base-panel .image img {
	width: 100%;
}
.base-panel .text:not(:first-child) {
	margin-top: 20px;
	margin-bottom: 16px;
}
.base-panel .link:not(:first-child) {
	/* margin-top: 20px; */
	margin-top: auto;
}
.base-panel .link > div {
	position: relative;
	padding-left: 30px;
}
.base-panel .link > div {
	padding-left: 26px;
    padding-left: 2.6rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left;	
}


/* .base-panel .link > div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-panel .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */

@media screen and (max-width: 767px) {
	.base-panel .box {
		width: 100%;
		margin: 0;
	}
	.base-panel .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-panel .box > div {
		padding: 0;
		border: none;
	}
}

/*  panel-3column
------------------------------------------------*/

.panel-3column .box {
	width: 33.33%;
}
.panel-3column .box:nth-child(n+4) {
	margin-top: 50px;
}

@media screen and (max-width: 767px) {
	.panel-3column .box {
		width: 100%;
	}
	.panel-3column .box:not(:first-child) {
		margin-top: 20px;
	}
}

/*  panel-2column
------------------------------------------------*/

.panel-2column:not(:first-child) {
	margin-top: 20px;
}
.panel-2column + .base-h2 {
	margin-top: 50px;
}
.panel-2column .box {
	width: 50%;
}
.panel-2column .box:nth-child(n+3) {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.panel-2column + .base-h2 {
		margin-top: 30px;
	}
	.panel-2column .box {
		width: 100%;
	}
	.panel-2column .box:not(:first-child) {
		margin-top: 20px;
	}
}

/*  panel-gray
------------------------------------------------*/

.panel-gray:not(:first-child) {
	margin-top: 15px;
}
.panel-gray > div {
	padding: 20px 20px 40px;
	background: #f1edeb;
	border-radius: 4px;
}

/*  simplepanel
========================================================================*/

.base-simplepanel:not(:first-child) {
	margin-top: 20px;
}
.base-simplepanel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.base-simplepanel .box {
	width: calc(33.33% - 20px);
	margin: 0 10px;
	z-index: auto!important;
}
.base-simplepanel .box:nth-child(n+4) {
	margin-top: 20px;
}
.base-simplepanel .box > div {
	height: 100%;
	padding: 20px;
	background: #f1edeb;
	font-size: 88%;
	border-radius: 4px;
}
.base-simplepanel .h6:not(:first-child),
.base-simplepanel .image:not(:first-child),
.base-simplepanel .text:not(:first-child) {
	margin-top: 20px;
}
.base-simplepanel .h6 h6 {
	font-size: 110%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.base-simplepanel .box {
		width: 100%;
	}
	.base-simplepanel .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
}

/*  listpanel
========================================================================*/

.base-listpanel:not(:first-child) {
	margin-top: 20px;
}
.base-listpanel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.base-listpanel .box {
	width: calc(33.33% - 20px);
	margin: 0 10px;
	z-index: auto!important;
}
.base-listpanel .box:nth-child(n+4) {
	margin-top: 32px;
}
.base-listpanel .h2:not(:first-child) {
    margin-top: 30px;
}
.base-listpanel .list:not(:first-child) {
    margin-top: 14px;
}
.base-listpanel .list-Lv1:not(:first-child) {
    margin-top: 32px;
}
.base-listpanel .list-Lv2 {
	margin-left: 4rem;
}
.base-listpanel .list-Lv3 {
	margin-left: 8rem;
}
.base-listpanel .list li {
    position: relative;
    padding-left: 15px;
}
.base-listpanel .list li:not(:first-child) {
    margin-top: 10px;
}
/* .base-listpanel .list li:before {
    content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d;
} */
.base-listpanel .list li {
	padding-left: 20px;
    padding-left: 2rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;
}

@media screen and (max-width: 767px) {
	.base-listpanel .box {
		width: 100%;
	}
	.base-listpanel .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
}

/*  listpanel-2column
------------------------------------------------*/

.listpanel-2column .box {
	width: calc(50% - 20px);
}
.listpanel-2column .box:nth-child(n+3) {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.listpanel-2column .box {
		width: 100%;
	}
	.listpanel-2column .box:not(:first-child) {
		margin-top: 30px;
		padding-top: 0;
		border-top: none;
	}
}

/*  youtubepanel
========================================================================*/

.base-youtubepanel:not(:first-child) {
	margin-top: 20px;
}
.base-youtubepanel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.base-youtubepanel .box {
	width: calc(50% - 20px);
	margin: 0 10px;
	z-index: auto!important;
}
.base-youtubepanel .box:nth-child(n+3) {
	margin-top: 48px;
	position: relative;
}
.base-youtubepanel .box:nth-child(n+3):before {
	content: '';
	position: absolute;
	top: -70px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e5ded9;
}
.base-youtubepanel .h2:not(:first-child) {
	margin-top: 20px;
}
.base-youtubepanel .h2 > div {
	text-align: center;
}
.base-youtubepanel .h3:not(:first-child) {
	margin-top: 20px;
}
.base-youtubepanel .youtube:not(:first-child) {
	margin-top: 15px;
}
.base-youtubepanel .youtube img {
	border-radius: 0;
	width: 100%;
}
.base-youtubepanel .youtube a {
	position: relative;
	display: block;
}
.base-youtubepanel .youtube a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	pointer-events: none;
}
.base-youtubepanel .youtube a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	width: 68px;
	height: 48px;
	background: rgba(0,0,0,.6);
	border-radius: 15px;
	pointer-events: none;
	transition: all .3s;
}
.base-youtubepanel .youtube a:hover:before {
	background: rgba(255,0,0,.7);
}
.base-youtubepanel .text:not(:first-child) {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.base-youtubepanel .box {
		width: 100%;
	}
	.base-youtubepanel .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-youtubepanel .box:nth-child(n+3) {
		margin-top: 20px;
	}
	.base-youtubepanel .box:nth-child(n+3):before {
		display: none;
	}
}

/*  youtubepanel-simple
------------------------------------------------*/

.youtubepanel-simple + .base-h3 {
	margin-top: 20px;
}
.youtubepanel-simple .box:nth-child(n+3) {
	margin-top: 50px;
}
.base-youtubepanel .box:nth-child(n+3):before {
	display: none;
}

@media screen and (max-width: 767px) {
	.youtubepanel-simple .box:nth-child(n+3) {
		margin-top: 20px;
	}
}

/*  staffpanel
========================================================================*/

.base-staffpanel:not(:first-child) {
	margin-top: 20px;
}
.base-staffpanel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.base-staffpanel .box {
	width: calc(33.33% - 30px);
	margin: 0 15px;
	z-index: auto!important;
}
.base-staffpanel .box:nth-child(n+4) {
	margin-top: 50px;
	position: relative;
}
.base-staffpanel .box:nth-child(n+4):before {
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e5ded9;
}
.base-staffpanel .box > div {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.base-staffpanel .h3,
.base-staffpanel .image,
.base-staffpanel .name,
.base-staffpanel .text,
.base-staffpanel .link {
	z-index: auto!important;
}
.base-staffpanel .h3:not(:first-child) {
	margin-top: 20px;
}
.base-staffpanel .h3 a:hover {
	text-decoration: none;
}
.base-staffpanel .image:not(:first-child) {
	margin-top: 15px;
}
.base-staffpanel .image {
	min-height: 0%;
}
.base-staffpanel .image > div {
	text-align: center;
}
.base-staffpanel .name {
	margin-top: auto;
}
.base-staffpanel .name > div {
	padding-top: 15px;
}
.base-staffpanel .text:not(:first-child) {
	margin-top: 20px;
}
.base-staffpanel .link:not(:first-child) {
	margin-top: 20px;
}
.base-staffpanel .link > div {
	position: relative;
	padding-left: 30px;
}
/* .base-staffpanel .link > div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #ea650d;
	border-radius: 50%;
}
.base-staffpanel .link > div:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
} */
.base-staffpanel .link > div > div {
	position: relative;
}

.base-staffpanel .link > div a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.base-staffpanel .link > div {
	padding-left: 20px;
    padding-left: 2rem;
	background-image: url(/../../library/nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left top 2px;
}

@media screen and (max-width: 767px) {
	.base-staffpanel .box {
		width: 100%;
	}
	.base-staffpanel .box:not(:first-child) {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
	.base-staffpanel .box:nth-child(n+4) {
		margin-top: 20px;
	}
	.base-staffpanel .box:nth-child(n+4):before {
		display: none;
	}
}

/*  staffpanel-2column
------------------------------------------------*/

.staffpanel-2column .box {
	width: calc(50% - 30px);
}
.staffpanel-2column .box:nth-child(n+3) {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.staffpanel-2column .box {
		width: 100%;
	}
	.staffpanel-2column .box:not(:first-child) {
		margin-top: 20px;
	}
}

/*  mixpanel
========================================================================*/

.base-mixpanel:not(:first-child) {
	margin-top: 20px;
}
.base-mixpanel > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.base-mixpanel .box {
	width: calc(50% - 10px);
	margin: 0 5px;
	z-index: auto!important;
}
.base-mixpanel .box:nth-child(n+3) {
	margin-top: 10px;
}
.base-mixpanel .box > div {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 17px;
	border: 1px solid #cac7c7;
	border-radius: 5px;
	transition: all .3s;
}
.base-mixpanel .box > div:hover {
	border-color: #ea650d;
}
.base-mixpanel .box-title,
.base-mixpanel .box-text,
.base-mixpanel .box-link {
	width: 100%;
}
.base-mixpanel .box-title > div {
	height: auto!important;
}


.base-mixpanel .box-text:not(:first-child) {
	margin-top: 15px;
}
.base-mixpanel .box-link {
	margin-top: auto;
}
.base-mixpanel .box-link > div {
	margin-top: 20px;
}
.base-mixpanel .title {
	color:#1A1A1A;
	font-size: 129%;
	font-weight: bold;
}
.base-mixpanel .subtitle:not(:first-child) {
	margin-top: 10px;
}
.base-mixpanel .subtitle > div {
	/* color: #ea650d; */
}
.base-mixpanel .image img {
	width: 100%;
}
.base-mixpanel .text:not(:first-child) {
	margin-top: 15px;
}
.base-mixpanel .arrow:not(:first-child) {
    margin-top: 5px;
}
.base-mixpanel .arrow > div {
    position: relative;
    padding-left: 30px;
}
.base-mixpanel .arrow > div:before {
    /* content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%; */
}
.base-mixpanel .arrow > div:after {
    /* content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff; */
}
.base-mixpanel .arrow > div {
	padding-left: 26px;
    padding-left: 2.6rem;
	background-image: url(../../nnds/images/iconRight.svg) ;
    background-repeat:no-repeat;
    background-size: 1.1rem;
    background-position:left 4px top 2px;
}
.base-mixpanel .arrow a {
	color : #1A1A1A;
	vertical-align :text-top;
}
.base-arrowlink a:hover {
	transition : unset;
	/* text-decoration-line : none; */
	text-decoration-line: underline;
	/* border-bottom : 1.5px solid #EA650D; */
}
.base-arrowlink a:focus-visible {
	transition : unset;
	border : 2px solid #524E91;
}
	
.base-arrowlink a:not(:only-child):first-child {
	margin-right: 20px;
	margin-right: 2.0rem;
}
	
@media screen and (max-width: 767px) {
	.base-arrowlink a:not(:only-child):first-child {
		display: block;
		margin: 0 0 10px;
		margin: 0 0 1.0rem;
	}
}

.base-mixpanel .question:not(:first-child) {
	margin-top: 5px;
}
.base-mixpanel .question > div {
	/* padding-left: 30px; */
	/* background: url(../images/icon_question.png) no-repeat; */
	padding-left: 26px;
    padding-left: 2.6rem;
	background-image: url(../../nnds/images/questionmark-24px_1.png) ;
    background-repeat:no-repeat;
    background-size: 2.1rem;
    background-position:left -1px top 0px;
}
.base-mixpanel .h4:not(:first-child) {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.base-mixpanel .box {
		width: 100%;
	}
	.base-mixpanel .box:not(:first-child) {
		margin-top: 10px;
	}
}

/*  snspanel
========================================================================*/

.base-snspanel:not(:first-child) {
	margin-top: 40px;
}
.base-snspanel > div {
	display: flex;
	flex-wrap: wrap;
}
.base-snspanel .box {
	width: calc(50% - 10px);
	z-index: auto!important;
}
.base-snspanel .box:not(:only-child):last-child {
	margin-left: auto;
}

@media screen and (max-width: 767px) {
	.base-snspanel .box {
		width: 100%;
	}
	.base-snspanel .box:not(:only-child):last-child {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e5ded9;
	}
}

/*  category
========================================================================*/

.base-category {
	padding: 15px 0 15px 20px;
	border-left: 1px solid #e5ded9;
}
.base-category:not(:first-child) {
	margin-top: 30px;
}
.base-category .heading {
	margin-bottom: 20px;
	color: #ea650d;
	font-size: 129%;
	font-weight: bold;
}
.base-category a[href$='.pdf'] {
	display: inline-block;
	/* padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat; */	
    padding-left: 2.8rem;
    background: url(../../nnds/images/forms-24px.svg) no-repeat left -4px top 0px;
    background-size: 2.4rem 2.4rem;
}


@media screen and (max-width: 767px) {
	.base-category {
		padding: 0;
		border-left: none;
	}
}

/*  categorylist
========================================================================*/

.base-categorylist:not(:first-child) {
	margin-top: 30px;
}
.base-categorylist > div {
	padding: 15px 0 15px 20px;
	border-left: 1px solid #e5ded9;
}
.base-categorylist li:not(:first-child) {
	margin-top: 18px;
}
.base-categorylist li {
	display: flex;
	flex-wrap: wrap;
}
.base-categorylist li span {
	width: 140px;
	margin-right: 5px;
}
.base-categorylist li a {
	max-width: calc(100% - 145px);
}
.base-categorylist li a[href$='.pdf'] {
	display: inline-block;
	padding-left: 2.8rem;
    background: url(../../nnds/images/forms-24px.svg) no-repeat left 0px top 0px;
    background-size: 2.4rem 2.4rem;
}

@media screen and (max-width: 767px) {
	.base-categorylist > div {
		padding: 0;
		border-left: none;
	}
	.base-categorylist li:not(:first-child) {
		margin-top: 15px;
	}
	.base-categorylist li span {
		width: 100%;
		margin-right: 0;
	}
	.base-categorylist li a {
		width: 100%;
		max-width: 100%;
		margin-top: 5px;
	}
}

/*  accordion
========================================================================*/

.base-accordion:not(:first-child) {
	margin-top: 40px;
}
.base-accordion > div {
	overflow: hidden;
}
.base-accordion .box > div {
	border-bottom: 1px solid #e5ded9;
	transition: all .3s;
}
.base-accordion .active > div {
	background: #f1edeb;
}
.base-accordion .trigger {
	position: relative;
	z-index: auto!important;
}
.base-accordion .trigger:before,
.base-accordion .trigger:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	width: 12px;
	height: 2px;
	background: #000;
	transition: all .3s;
}
.base-accordion .trigger:after {
	transform: rotate(90deg);
}
.base-accordion .active .trigger:after {
	transform: rotate(360deg);
}
.base-accordion .trigger > div {
	padding: 10px 40px 10px 20px;
	font-weight: bold;
	cursor: pointer;
}
.base-accordion .content {
	display: none;
}
.base-accordion .content > div {
	padding: 15px 20px 30px;
}
.base-accordion .text:not(:first-child) {
	margin-top: 20px;
}
.base-sidearea .text a {
	/* color: #ea650d; */
	color: var(--color-link-primary-text, #1A1A1A);
	text-decoration-line: underline;
}
.base-sidearea .text a:hover {
	transition: unset;
	text-decoration-line: none;
	border-bottom: 1.5px solid var(--border-color-link-interaction-states-active, #EA650D);
}

.base-accordion .h3:not(:first-child) {
	margin-top: 20px;
}
.base-accordion .h3 h3 {
	color: #414141;
}
.base-accordion .h3-orange h3 {
	color: #ea650d;
}
.base-accordion .arrowlink:not(:first-child) {
    margin-top: 20px;
}
.base-accordion .arrowlink > div {
    position: relative;
    padding-left: 30px;
}
.base-accordion .arrowlink > div:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ea650d;
    border-radius: 50%;
}
.base-accordion .arrowlink > div:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}
.base-accordion .list:not(:first-child) {
    margin-top: 20px;
}
.base-accordion .list li {
    position: relative;
    padding-left: 15px;
}
.base-accordion .list li:not(:first-child) {
    margin-top: 10px;
}
.base-accordion .list li:before {
    content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d;
}
.base-accordion .dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-accordion .dotlist a {
	color: #ea650d;
}
.base-accordion .dotlist div > ul > li {
	position: relative;
	padding-left: 24px;
}
.base-accordion .dotlist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-accordion .dotlist div > ul > li:before {
	content: '';
	position: absolute;
	top: 0.6em;
	left: 2px;
	/* width: 5px; */
	/* height: 5px; */
	/* background: #ccc; */
	width: 6px;
	height: 6px;
	background: #6D6D6D;
	border-radius: 50%;
}
.base-accordion .dotlist ul ul {
	margin-top: 3px;
	font-size: 87%;
}
.base-accordion .dotlist ul ul li {
	position: relative;
	padding-left: 15px;
}
.base-accordion .dotlist ul ul li:not(:first-child) {
	margin-top: 5px;
}
.base-accordion .dotlist ul ul li:before {
	content: '※';
    position: absolute;
    left: 0;
}
.base-accordion .noteslist:not(:first-child) {
	margin-top: 20px;
}
.base-accordion .noteslist a {
	/* color: #ea650d; */
	text-decoration: underline;
	color: #1A1A1A;
}
.base-accordion .noteslist a:hover {
	text-decoration: none;
	border-bottom: 1.5px solid #EA650D;
	transition: unset;
}
.base-accordion .noteslist ul {
	font-size: 87%;
}
.base-accordion .noteslist li {
	position: relative;
	padding-left: 15px;
}
.base-accordion .noteslist li:not(:first-child) {
	margin-top: 5px;
}
.base-accordion .noteslist li:before {
	content: '※';
    position: absolute;
    left: 0;
}
.base-accordion .numberlist:not(:first-child) {
	margin-top: 20px;
}
.base-accordion .numberlist a {
	color: #ea650d;
}
.base-accordion .numberlist ol {
	padding-left: 15px;
	list-style-type: decimal;
}
.base-accordion .numberlist li:not(:first-child) {
	margin-top: 10px;
}
.base-accordion .numberlist-frame ol {
	counter-reset: noteslist;
	padding-left: 0;
	list-style-type: none;
}
.base-accordion .numberlist-frame li {
	position: relative;
	padding-left: 30px;
}
.base-accordion .numberlist-frame li:before {
	counter-increment: noteslist;
	content: "("counter(noteslist)")";
	position: absolute;
    left: 0;
}
.base-accordion .table:not(:first-child) {
	margin-top: 20px;
}
.base-accordion .table th,
.base-accordion .table td {
	vertical-align: middle;
}
.base-accordion .table td:first-child,
.base-accordion .table th:first-child {
	padding-left: 0;
}
.base-accordion .table td:not(:first-child),
.base-accordion .table th:not(:first-child) {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.base-accordion .table thead th {
	/* border-right: 1px solid #999; */
}
.base-accordion .table tbody th,
.base-accordion .table tbody td {
	/* border-right: 1px solid #999; */
	border-bottom: 1px solid #E6DFDA;
}
.base-accordion .table tbody tr:first-child th,
.base-accordion .table tbody tr:first-child td {
	border-top: 2px solid #6d6d6d;
}
.base-accordion .pbWhatsnewTable a[href$='.pdf'] {
	display: inline-block;
	/* padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat; */
	
    padding-left: 2.8rem;
    background: url(../../nnds/images/forms-24px.svg) no-repeat left -4px top 0px;
    background-size: 2.4rem 2.4rem;
}


@media screen and (max-width: 767px) {
	.base-accordion .trigger:before,
	.base-accordion .trigger:after {
		right: 10px;
	}
	.base-accordion .table {
		font-size: 90%;
	}
	.base-accordion .table tr,
	.base-accordion .table th,
	.base-accordion .table td {
		display: block;
		width: 100%!important;
		height: auto!important;
		padding: 3px 0!important;
	}
	.base-accordion .table thead th,
	.base-accordion .table tbody th,
	.base-accordion .table tbody td,
	.base-accordion .table tbody tr:first-child th,
	.base-accordion .table tbody tr:first-child td {
		border: none;
		border-bottom: 1px solid #E6DFDA;
	}
	.base-accordion .table thead tr:first-child th:first-child {
		border-bottom: 2px solid #6D6D6D;
	}
}

/*  accordion-faq
------------------------------------------------*/

.accordion-faq .trigger > div {
	position: relative;
	padding-left: 45px;
}
.accordion-faq .trigger > div:before {
	content: 'Q. ';
	position: absolute;
	top: 10px;
	left: 20px;
}
.accordion-faq .content > div {
	position: relative;
	padding-left: 45px;
	padding-left: 45px;
}
.accordion-faq .content > div:before {
	content: 'A. ';
	position: absolute;
	top: 15px;
	left: 20px;
}

/*  accordion-orange
------------------------------------------------*/

.accordion-orange .trigger {
	/* color: #ea650d; */
	color: #404040;
}

/*  youtube
========================================================================*/

.base-youtube:not(:first-child) {
	margin-top: 24px;
}
.base-youtube {
	max-width: 620px;
	margin: 0 auto;
}
.base-youtube .youtube {
	position: relative;
	padding-top: 0%!important;
	padding-bottom: 56.25%!important;
	z-index: auto!important;
}
.base-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/*  youtube-wide
------------------------------------------------*/

.youtube-wide {
	max-width: none;
}

/*  evaluation-button
------------------------------------------------*/

.evaluation-button {
    position: relative;
}
.evaluation-button ul {
    display: flex;
}
.evaluation-button li {
    width: calc(50% - 8px);
    margin: 0 4px;
}
.evaluation-button li a {
    padding: 8px 15px;
	/* �I�����W�{�^�� */
    /* background: #ea650d; */

	/* �_�[�N�{�^�� */
	/* background: #404040;

    color: #fff; */

	/* �_�[�N�Z�J���_���[�{�^�� */	
	border: 1px solid var(--border-color-button-secondary-default, #404040);
	background: var(--background-color-button-secondary-default, #FFF);
	color:#404040;

    text-align: center;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.evaluation-button li a:hover {
    text-decoration: none;

	/* �_�[�N�Z�J���_���[�{�^�� hover */
	border: 1px solid var(--border-color-button-secondary-interaction-states-active, #EA650D);
	background: var(--background-color-button-secondary-interaction-states-active, #FFF);
	color:#1A1A1A;

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);


}
.evaluation-button li:first-child:nth-last-child(2),
.evaluation-button li:first-child:nth-last-child(2) ~ li {
    width: calc(50% - 8px);
}
.evaluation-button li:first-child:nth-last-child(3),
.evaluation-button li:first-child:nth-last-child(3) ~ li {
    width: calc(33% - 8px);
}
.evaluation-button li:first-child:nth-last-child(4),
.evaluation-button li:first-child:nth-last-child(4) ~ li {
    width: calc(25% - 8px);
}
.evaluation-button li:first-child:nth-last-child(5),
.evaluation-button li:first-child:nth-last-child(5) ~ li {
    width: calc(20% - 8px);
}

/*  �NjL
------------------------------------------------*/

/*  button-register
------------------------------------------------*/
.left .button-register a {
	width: 100%;
	border-radius: 4px;
	border: 1px solid var(--border-color-button-secondary-default, #404040);
	background: var(--background-color-button-secondary-default, #FFF);
	color:#404040;
	padding: 12px 16px;
	font-size: 100%;
}
.left .button-register a:hover {
	border: 1px solid var(--border-color-button-secondary-interaction-states-active, #EA650D);
	background: var(--background-color-button-secondary-interaction-states-active, #FFF);
	color:#1A1A1A;

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}
.button-line .button-register a {
	width: 100%;
	border-radius: 4px;
	border: 1px solid var(--border-color-button-secondary-default, #404040);
	background: var(--background-color-button-secondary-default, #FFF);
	color:#404040;
	padding: 12px 16px;
	font-size: 100%;
}
.button-line .button-register a:hover {
	border: 1px solid var(--border-color-button-secondary-interaction-states-active, #EA650D);
	background: var(--background-color-button-secondary-interaction-states-active, #FFF);
	color:#1A1A1A;

	/* Global/Box Shadow/Close */
	box-shadow: 0px 2px 16px 0px rgba(114, 114, 114, 0.08), 0px 1px 6px 0px rgba(128, 128, 128, 0.10), 0px 1px 2px 0px rgba(102, 102, 102, 0.10);

}