@charset "UTF-8";

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

  reset

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

html {
	font-size: 62.5%;
}
body {
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 20px;
	line-height: 2rem;
}
ruby,
rb {
	vertical-align: baseline;
}
.pbHeaderArea,
.pbFooterArea {
	overflow: visible;
	width: 100%;
}
:focus {
	outline: none;
}
: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;
}

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

  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;
	color: #414141;
	font-size: 14px;
	line-height: 20px;
	font-size: 1.4rem;
	line-height: 2rem;
	word-break: break-word;
}
::selection {
	background: #414141;
	color: #fff;
}
::-moz-selection {
	background: #414141;
	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;
	}
}


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

  base

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

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

h1,
h2,
h3,
h4 {
	font-weight: bold;
	color: #ea650d;
}
.pbPage h1 a,
.pbPage h2 a,
.pbPage h3 a,
.pbPage h4 a {
	color: #ea650d;
	vertical-align: middle;
}
h1 {
	font-size: 26.25px;
    line-height: 37px;
    font-size: 2.625rem;
    line-height: 3.7rem;
}
h2 {
	font-size: 18px;
	line-height: 27px;
	font-size: 1.8rem;
	line-height: 2.7rem;
}
h3,
h4,
h5 {
	font-size: 14px;
	line-height: 20px;
	font-size: 1.4rem;
	line-height: 2rem;
}
h6 {
	font-size: 100%;
	font-weight: normal;
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 18px;
		line-height: 24px;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}

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

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

/*  orangelink  */

.pbPage .orangelink a {
	color: #ea650d;
}

/*  blacklink  */

.pbPage .blacklink a {
	color: #414141;
}

/*  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: 15px;
}
.pbBlockMenu:before {
    content: '';
    position: absolute;
    top: .3em;
    left: 1px;
    border: 4px solid transparent;
    border-left: 4px solid #ea650d;
}

/*  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;
}
header {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 1px solid #e5ded9;
}
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: 960px;
	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;
	background: url(../images/header_logo.png) no-repeat;
	font-size: 0;
}
header .descriptor {
	margin: 5px 0 0 128px;
	color: #999;
}
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;
}
header .main-menu > li {
	height: 34px;
	padding: 0 17.4px;
}
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;
	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;
	font-weight: normal;
}
header .menu-link {
	margin-top: 13px;
	font-size: 87%;
}
header .menu-link li {
	position: relative;
	margin-top: 10px;
	padding-left: 10px;
}
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: 9px;
	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;
}
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;
}
.pbHeaderArea .pbBlockNavigation {
	width: calc(100% - 20px);
	max-width: 960px;
	margin: 30px auto 8px;
}
.pbBlockNavigation a {
	color: #999;
	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: 72px;
		height: 40px;
		background: url(../images/header_logo-mobile.png) no-repeat;
	}
	header .descriptor {
		margin: 0 0 0 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: none;
	}
	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 > 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 > 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: #666;
	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: 12px;
		height: 2px;
		background: #414141;
		transition: all .3s;
		pointer-events: none;
	}
	.footer-accordion .inner p:after {
		transform: rotate(90deg);
	}
	.footer-accordion .inner p.active:after {
		transform: rotate(360deg);
	}
	.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%;
	}
}

/*  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;
	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: #e5ded9;
	color: #666;
	font-size: 87%;
	text-align: right;
}
.footer-simple .copyright span {
	display: block;
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 0 auto;
}

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

@media screen and (max-width: 767px) {
	.footer-simple .totop,
	.footer-simple .copyright span {
		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
========================================================================*/

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;
}
.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;
	display: inline-block;
	max-width: 330px;
	min-width: 200px;
	z-index: auto!important;
}
.base-h1box .inner > div {
	padding: 30px;
	background: #fff;
	border-radius: 4px;
}
.base-h1box .text:not(:first-child) {
	margin-top: 20px;
}
.base-h1box .text-nospace:not(:first-child) {
	margin-top: 0;
}
.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: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 {
		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;
	}
	.base-h1box .inner > div {
		padding: 0;
	}
}

/*  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;
	font-size: 87.5%;
	line-height: 1.7;
}
.base-sidearea .sidearea .menu .active a {
	color: #ea650d;
}
.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: 30px;
}
.base-h1 + div:not(:first-child) {
	margin-top: 20px;
}

/*  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
========================================================================*/

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

/*  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: #414141;
}
.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/h2_calendar.png) no-repeat;
}
.h2-hourglass > div {
	background: url(../images/h2_hourglass.png) no-repeat;
}
.h2-paid > div {
	background: url(../images/h2_paid.png) no-repeat;
}
.h2-entry h2,
.h2-calendar h2,
.h2-hourglass h2,
.h2-paid h2 {
	color: #414141;
}

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

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

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

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

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

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

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

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

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

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

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

.h4-black h4 {
	color: #414141;
}

/*  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: #ee7f00;
}

/*  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: 20px;
}
.base-text a {
	color: #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: 30px;
}
.base-textbox + .base-textbox {
	margin-top: 20px;
}
.base-imagebox + .base-textbox {
	margin-top: 50px;
}
.base-textbox > div {
	margin: 0 auto;
	padding: 20px;
	background: #f1edeb;
	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;
}
.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;
	font-weight: bold;
	font-size: 140%;
}
.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;
}
.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: 8px 15px;
	background: #ea650d;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.base-textbox .button a:hover {
	text-decoration: none;
	background: #e64415;
}
.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: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;
}
.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;
	border-radius: 50%;
}
.base-textbox .notes:not(:first-child) {
	margin-top: 20px;
}
.base-textbox .notes a {
	color: #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: 8px 15px;
	background: #ea650d;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.base-textbox .box-button a:hover {
	text-decoration: none;
	background: #e64415;
}
.base-textbox .box-notes > div {
	font-size: 88%;
}
.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;
	border: 2px solid #e64415;
	border-radius: 4px;
}
.base-notes .text:not(:first-child) {
	margin-top: 10px;
}
.base-notes .text a {
	color: #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: #414141;
}
.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: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;
}
.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: 50px;
}
.base-text + .base-imagebox {
	margin-top: 20px;
}
.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: #414141;
}
.base-imagebox .text:not(:first-child) {
	margin-top: 15px;
}
.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-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;
}
.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;
}
.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-top: 20px;
		border-top: 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 .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;
}
.base-iconlist .list li:before {
	content: '';
	position: absolute;
	top: .3em;
	left: 1px;
	border: 4px solid transparent;
	border-left: 4px solid #ea650d;
}
.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;
}

@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 .list:not(:first-child) {
	margin-top: 20px;
}
.base-download .list div > ul > li {
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat
}
.base-download .list div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-download .dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-download .dotlist div > ul > li {
	position: relative;
	padding-left: 14px;
}
.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%;
}
.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-top: 20px;
		border-top: 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;
	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 .button:not(:first-child) {
	margin-top: 20px;
}
.base-step .button {
	text-align: center;
}
.base-step .button a {
	display: inline-block;
	padding: 8px 15px;
	background: #ea650d;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.base-step .button a:hover {
	text-decoration: none;
	background: #e64415;
}
.base-step .notes:not(:first-child) {
	margin-top: 20px;
}
.base-step .notes a {
	color: #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 .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;
	}
}

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

.base-voice:not(:first-child) {
	margin-top: 40px;
}
.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: 20px;
}
.base-voice .bold:not(:first-child) {
	margin-top: 20px;
}
.base-voice .bold > div {
	font-weight: bold;
}
.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;
}
.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: 15px;
}

/*  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;
}

/*  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 ul ul li {
	margin-top: 10px;
}

/*  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;
}

/*  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: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
}
.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
}
.base-downloadlist li:not(:first-child) {
	margin-top: 10px;
}

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

.base-dotlist:not(:first-child) {
	margin-top: 20px;
}
.base-dotlist a {
	color: #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: 14px;
}
.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 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;
}
.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;
}
.noteslist-orange ul ul li:before,
.noteslist-orange ol ul li:before {
	background: #ea650d;
}

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

.noteslist-red,
.noteslist-red a {
	color: #e64415;
}
.noteslist-red ul ul li:before,
.noteslist-red ol ul li:before {
	background: #e64415;
}

/*  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: '・';
}

/*  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: '●';
}

/*  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;
}
.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: 8px 15px;
	background: #ea650d;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.base-button a:hover {
	text-decoration: none;
	background: #e64415;
}

/*  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;
	background: #ea650d;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.base-largebutton a:hover {
	text-decoration: none;
	background: #e64415;
}

@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;
	background: #e64415;
	color: #fff;
	font-size: 88%;
	border-radius: 4px;
}
.base-loginbuttons .button a:hover {
	background: #ea650d;
	text-decoration: none;
}
.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: 10px;
	background: #e64415;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
}
.base-loginbutton .mypage a {
	background: #f5deb3;
	color: #ea650d;
}
.base-loginbutton .button a:hover {
	text-decoration: none;
}

/*  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;
}

.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;
}
.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;
}
.base-table tbody tr:first-child th,
.base-table tbody tr:first-child td {
	border-top: 2px solid #ea650d;
}
.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;
	}
}

/*  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;
}
.base-panel .box:nth-child(n+5) {
	margin-top: 50px;
}
.base-panel .box > div {
	padding: 0 20px;
	border-left: 1px solid #e5ded9;
}
.base-panel .h2:not(:first-child),
.base-panel .h3: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;
}
.base-panel .link:not(:first-child) {
	margin-top: 20px;
}
.base-panel .link > div {
	position: relative;
	padding-left: 30px;
}
.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: 20px;
}
.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: 20px;
}
.base-listpanel .list-Lv2 {
	margin-left: 25px;
}
.base-listpanel .list-Lv3 {
	margin-left: 50px;
}
.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;
}

@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: 100px;
	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;
}

@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-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: #ea650d;
	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 .question:not(:first-child) {
	margin-top: 5px;
}
.base-mixpanel .question > div {
	padding-left: 30px;
	background: url(../images/icon_question.png) no-repeat;
}
.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;
}

@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: 130px;
	margin-right: 5px;
}
.base-categorylist li a {
	max-width: calc(100% - 135px);
}

@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;
}
.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: 14px;
}
.base-accordion .dotlist div > ul > li:not(:first-child) {
	margin-top: 10px;
}
.base-accordion .dotlist div > ul > li:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 5px;
	height: 5px;
	background: #ccc;
	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;
}
.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 #999;
}
.base-accordion .table tbody tr:first-child th,
.base-accordion .table tbody tr:first-child td {
	border-top: 2px solid #ea650d;
}
.base-accordion .pbWhatsnewTable a[href$='.pdf'] {
	display: inline-block;
	padding-left: 25px;
	background: url(../images/icon_download.png) no-repeat;
}

@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 #999;
	}
	.base-accordion .table thead tr:first-child th:first-child {
		border-bottom: 2px solid #ea650d;
	}
}

/*  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;
}

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

.base-youtube:not(:first-child) {
	margin-top: 20px;
}
.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;
    background: #ea650d;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.evaluation-button li a:hover {
    text-decoration: none;
}
.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);
}