@charset "SHIFT_JIS";
/* CSS Document */

/*******************************
common
*******************************/
.cx #main h2 {
    font-size: 1.25em;
    padding: 0;
    margin: -0.5rem 0 1.2rem;
    background: none;
    text-indent: 0;
    color: #333;
}

.cx #main h2::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 12px;
    background-image: url(/img/common2/arrow04.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.1em 0.35em 0 0;
}

.cx #main h3 {
    color: #094fa4;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1rem;
    background: #e1f3fd;
    padding: 0.3em 0.3em 0.3em 1.2em;
    text-indent: -0.9em;
    line-height: 1.4;
}

.cx #main h3 span {
    display: inline-block;
    width: 8px;
    background: #094fa4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0083d3), to(#094fa4));
    background: -webkit-linear-gradient(top, #0083d3, #094fa4);
    background: linear-gradient(to bottom, #0083d3, #094fa4);
    border-radius: 3px;
    height: 1.2em;
    vertical-align: middle;
    margin: 0 0.5em 0.15em 0;
}

.cx #main strong {
    font-weight: bold;
}

.cx #main img {
    max-width: 100%;
}

.cx #main #bnr01 {
    margin: 1.5rem 0 1rem;
}

.cx #main #bnr01 .bnr01Box01 {
    background: url("/serviceinformation/margin/img/bg01.png") 100% 60% no-repeat #fff;
    background-size: 60%;
    border: 1px solid #0276c7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    padding: 0.4rem 0.8rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.08rem;
}

.cx #main #bnr01 .mainTxt01 {
    font-size: 1.2rem;
    width: 70%;
    color: #094fa4;
}

.cx #main #bnr01 .mainTxt01 span {
    font-size: 80%;
    letter-spacing: -0.4rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.4rem;
}

.cx #main #bnr01 .mainTxt01 strong {
    font-size: 2rem;
    display: block;
    line-height: 1.2;
    color: #000;
}

.cx #main #bnr01 .bnr01Box01 div {
    width: 45%;
}

.cx #main #bnr01 .bnr01Box01 div a {
    border-radius: 3px;
    padding: 0.4rem 0.8rem;
    background: url(/img/common2/arrow01.png) 98% 50% no-repeat #fff;
    background-size: 0.7rem auto;
    line-height: 1.4;
    font-size: 1.1rem;
    color: #094fa4;
    border: 1px solid #fff;
    display: block;
    text-decoration: none;
}

.cx #main #bnr01 .subTxt01 {
    margin-bottom: 0.5rem;
}

.cx #main #bnr02 {
    margin-bottom: 2.5rem;
}

.cx #main #bnr02 a {
    background: #002c62;
    background-image: -webkit-linear-gradient(left, #002c62, #094fa4);
    background-image: -o-linear-gradient(left, #002c62, #094fa4);
    background-image: linear-gradient(to right, #002c62, #094fa4);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    padding: 0.3rem 0.8rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.08rem;
}

.cx #main #bnr02 a .mainTxt01 {
    font-size: 1.08rem;
    width: 65%;
}

.cx #main #bnr02 a .mainTxt01 strong {
    font-size: 2rem;
    letter-spacing: -0.05rem;
}

.cx #main #bnr02 a .subTxt01 {
    width: 30%;
    border-radius: 3px;
    color: #002c62;
    padding: 0.25rem 2%;
    background: url(/img/common2/arrow02.png) 98% 50% no-repeat #fff;
    background-size: 0.7rem auto;
    line-height: 1.4;
}

.cx #main #tab {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	background: #eee;
	padding: 0.75em 0.5rem 0.5rem;
}

.cx #main #tab li {
	background-color: #094fa4;
	background-image: -webkit-linear-gradient(left, #094fa4, #0072b7);
	background-image: -o-linear-gradient(left, #094fa4, #0072b7);
	background-image: linear-gradient(to right, #094fa4, #0072b7);
	border-radius: 3px;
	margin-bottom: 0.2rem;
}

.cx #main #tab li.active {
	background-color: #fff;
	background-image: none;
}

.cx #main #tab li:not(:last-child) {
	margin-right: 0.2em;
}

.cx #main #tab li.active span {
	display: block;
	color: #094fa4;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main #tab li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main #tab li a::after {
    content: '';
    display: inline-block;
	width: 8px;
	height: 12px;
    background-image: url(/img/common2/arrow03.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

#cxCommon {
    background: #f4f4f4;
    padding: 1rem;
}

#cxCommon #account {
	border: 1px solid #094fa4;
	background: #fff;
}

#cxCommon #account dt {
	color: #fff;
	font-weight: bold;
	font-size: 1.08em;
	background: #094fa4;
	padding: 0.4em 0.5em 0.4em 1em;
	line-height: 1.4;
}

#cxCommon #account dt::before {
    content: '';
    display: inline-block;
	width: 18px;
    height: 11px;
    background-image: url(/img/common2/arrow05.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0.25em 0 0;
}

#cxCommon #account dd {
	padding: 1rem 1rem 1.5rem;
    border: none;
}

#cxCommon #account dd .cxCommonTxt01 {
    
}

#cxCommon #account dd .purpose01 {
    color: #787878;
    line-height: 1.5;
}

#cxCommon #account dd ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-top: 1px solid #094fa4;
    padding-top: 1rem;
    margin-top: 1rem;
}

#cxCommon #account dd ul li {
    width: 49%;
}

#cxCommon #account dd .btn01 {
	width: 24rem;
	max-width: 100%;
	margin: 0.25rem auto 0;
}

#cxCommon #account dd .btn01 a {
	font-size: 0.9rem;
	padding: 0;
}

#cxCommon #account dd .btn01 a div {
	background: url(/img/common2/bg01.png) 300% 5% no-repeat;
	background-size: 120% auto;
	padding: 1.2rem 0;
    font-size: 0.7rem;
}

#cxCommon #account dd .btn01 a strong {
	font-size: 1.2rem;
	padding-left: 0.1em;
}

#cxCommon #account dd .link01 {
	text-align: center;
	margin-top: 0.6rem;
}

#cxCommon #account dd .link01 a {
    background: url(/img/common2/arrow02.png) 0 0.4em no-repeat;
    background-size: 0.48em auto;
    padding: 0 0 0 0.8em;
	display: inline-block;
}

#cxCommon #link {
	border: 1px solid #0083d3;
	margin-top: 1.5rem;
}

#cxCommon #link dt {
	color: #fff;
	font-weight: bold;
	font-size: 1.08em;
	background: #0083d3;
	padding: 0.4em 0.5em 0.4em 1em;
	line-height: 1.4;
}

#cxCommon #link dt::before {
    content: '';
    display: inline-block;
	width: 18px;
	height: 11px;
    background-image: url(/img/common2/arrow05.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0.25em 0 0;
}

#cxCommon #link dd {
	padding: 0.5rem 1rem 1rem;
	background: #fff;
}

#cxCommon #link dd ul {
	display: flex;
	flex-wrap: wrap;
}

#cxCommon #link dd ul li {
	margin: 0.5em 1rem 0 0;
}

#cxCommon #link dd ul a {
    background: url(/img/common2/arrow02.png) 0 45% no-repeat;
    background-size: 0.45em auto;
    padding: 0 0 0 0.8em;
    display: block;
}

/*******************************
index
*******************************/
.cx #main.index section {
    margin-bottom: 3rem;
}

.cx #main.index section h2 {
    font-size: 1.25em;
    color: #094fa4;
    font-weight: bold;
    margin-bottom: 1rem;
    background: #e1f3fd;
    padding: 0.3em 0.3em 0.3em 1.2em;
    text-indent: -0.9em;
    line-height: 1.4;
}

.cx #main.index section h2::before {
    display: none;
}

.cx #main.index section h2 span {
    display: inline-block;
    width: 8px;
    background: #094fa4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0083d3), to(#094fa4));
    background: -webkit-linear-gradient(top, #0083d3, #094fa4);
    background: linear-gradient(to bottom, #0083d3, #094fa4);
    border-radius: 3px;
    height: 1.2em;
    vertical-align: middle;
    margin: 0 0.5em 0.15em 0;
}

.cx #main.index .cxIndexBox01 {
    display: flex;
    justify-content: space-between;
}

.cx #main.index .cxIndexBox01 section {
    width: 48%;
}

.cx #main.index .cxIndexBox01 section ul {
    margin-top: 1.2rem;
    border-left: 1px solid #ccc;
    padding-left: 1rem;
}

.cx #main.index .cxIndexBox01 section ul li {
    word-break: break-all;
} 

.cx #main.index .cxIndexBox01 section ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.cx #main.index .cxIndexBox01 section ul li a {
    background: url(/img/common2/arrow02.png) 0 0.3rem no-repeat #fff;
    background-size: 0.5rem auto;
    padding: 0 0 0 0.8rem;
    display: inline-block;
    line-height: 1.5;
}

.cx #main.index .cxIndexList01 {
	display: flex;
	flex-wrap: wrap;
    margin-top: 1.5rem;
}

.cx #main.index .cxIndexList01 li {
	background-color: #0276c7;
    background-image: -webkit-linear-gradient(left, #0276c7, #1090ea);
    background-image: -o-linear-gradient(left, #0276c7, #1090ea);
    background-image: linear-gradient(to right, #0276c7, #1090ea);
    border-radius: 3px;
	margin-bottom: 0.2rem;
}

.cx #main.index .cxIndexList01 li.active {
	background-color: #fff;
	background-image: none;
}

.cx #main.index .cxIndexList01 li:not(:last-child) {
	margin-right: 0.2em;
}

.cx #main.index .cxIndexList01 li.active span {
	display: block;
	color: #094fa4;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.index .cxIndexList01 li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.index .cxIndexList01 li a::after {
    content: '';
    display: inline-block;
	width: 8px;
	height: 12px;
    background-image: url(/img/common2/arrow03.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

.cx #main.index section.cxIndexBox02 {
    margin: 3rem 0 0;
}

.cx #main.index section.cxIndexBox02 img {
    margin: 1rem auto 0;
    max-width: 100%;
    display: block;
}

/*******************************
about
*******************************/
.cx #main.about #pageLink {
    display: flex;
    justify-content: flex-start;
    margin: 1.2rem 0 2.5rem 0;
}

.cx #main.about #pageLink li:first-child {
    margin-right: 2.5rem;
}

.cx #main.about #pageLink li a {
    background: url(/img/common2/arrow09.png) 0 50% no-repeat #fff;
    background-size: 0.8rem auto;
    padding: 0 0 0 1.2rem;
    display: inline-block;
}

.cx #main.about section {
    margin: 3rem 0;
}

.cx #main.about section a {
    color: #0276c7;
}

.cx #main.about section p:not(:last-child) {
    margin: 0 0 1.2rem;
}

.cx #main.about section section {
    margin: 2rem 0;
}

.cx #main.about section h4 {
    font-size: 1.08em;
    padding: 0.2rem 0.5rem 0.2rem 2.5rem;
    color: #fff;
    font-weight: bold;
    background: url("/img/common2/check01.png") 0.5rem 50% no-repeat #094fa4;
    background-size: 1.4rem auto;
    margin-bottom: 1rem;
}

.cx #main.about section h4 a {
    color: #fff;
}

.cx #main.about section .cxAboutTxt01 {
    text-indent: -1em;
    margin: 0.25rem 0 0 1em;
    color: #666;
    display: inline-block;
}

.cx #main.about section .cxAboutBox01 {
    margin-top: 1.2rem;
    border: 2px solid #ccc;
    padding: 1rem;
    margin: 0 1.5rem;
}

.cx #main.about section .cxAboutBox01 h5 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #094fa4;
    border-left: 0.4rem solid #094fa4;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.25rem 0.6rem;
    line-height: 1.4;
}

.cx #main.about section .cxAboutBox01 h5 span {
    font-size: 0.85em;
}

.cx #main.about section .cxAboutBox01 dl {
    margin: -0.5rem 0 1.5rem;
    font-weight: bold;
}

.cx #main.about section .cxAboutBox01 dl dt {
    margin-top: 1.5rem;
    color: #666;
}

.cx #main.about section .cxAboutBox01 dl dt strong.txt01 {
    color: #0276c7;
}

.cx #main.about section .cxAboutBox01 dl dt strong.txt02 {
    color: #094fa4;
}

.cx #main.about section .cxAboutBox01 dl dt strong.txt03 {
    color: #787878;
}

.cx #main.about section .cxAboutBox01 dl dd {
    font-size: 1.2rem;
}

.cx #main.about section .cxAboutBox01 dl dd strong {
    color: #0276c7;
}

.cx #main.about section .cxAboutBox01 dl dd .txt04 {
    color: #0276c7;
    font-size: 0.93rem;
    margin-left: 7rem;
}

.cx #main.about section .cxAboutBox01 dl dd br {
    display: none;
}

.cx #main.about section .cxAboutImg01 {
    margin: 1rem 0 0.6rem;
    text-align: center;
}

.cx #main.about section .cxAboutImg01 img {
    max-width: 100%;
}

.cx #main.about section .cxAboutBox01 .txt05 {
    margin: 0 0 1rem;
    padding: 0 0 1rem 5.2em;
    border-bottom: 1px dotted #ccc;
    text-indent: -5.2em;
}

.cx #main.about section .cxAboutBox01 .txt06 {
    padding: 0 0 0 5.2em;
    text-indent: -5.2em;
}

.cx #main.about section .cxAboutBox01 .txt05 p:not(:last-child),
.cx #main.about section .cxAboutBox01 .txt06 p:not(:last-child) {
    margin-bottom: 0.25rem;
}

.cx #main.about section .cxAboutTable01 {
    margin: 0 1.5rem;
}

.cx #main.about section .cxAboutTable01 table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}

.cx #main.about section .cxAboutTable01 table th,
.cx #main.about section .cxAboutTable01 table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0.4em;
}

.cx #main.about section .cxAboutTable01 table th {
	font-weight: bold;
	background: #eee;
    width: 22%;
    text-align: left;
}

.cx #main.about section .cxAboutTable01 table strong {
	font-weight: bold;
}

.cx #main.about section .cxAboutBox02 {
    margin: 1.2rem 0 0;
}

.cx #main.about section .cxAboutBox02 dd {
    margin: 0.3rem 0 0;
}

.cx #main.about section .cxAboutBox02 dd ol {
    margin: 0 0 0 2.5rem;
}

.cx #main.about section .cxAboutBox02 dd ol li {
    list-style-type: decimal;
}

.cx #main.about section .cxAboutBox02 dd ol li:not(:last-child) {
    margin: 0 0 0.25rem;
}

.cx #main.about section .cxAboutBox03 {
    display: flex;
    justify-content: center;
}

.cx #main.about section .cxAboutBox03 a {
    width: 43%
}

.cx #main.about section .cxAboutBox03 a:first-of-type {
    margin-right: 1%;
}

.cx #main.about section .cxAboutBox03 img {
    width: 100%;
    max-height: 80px;
}

.cx #main.about section .cxAboutBox04 {
    margin-top: 1.2rem;
    border: 2px solid #ccc;
    padding: 1rem;
    margin: 0 1.5rem 1rem;
}

.cx #main.about section .cxAboutBox04 h5 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #094fa4;
    border-left: 0.4rem solid #094fa4;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.25rem 0.6rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.cx #main.about section .cxAboutBox04 dl:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #ccc;
}

.cx #main.about section .cxAboutBox04 dt {
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.cx #main.about section .cxAboutBox04 dd ul {
    margin-top: 0.35rem;
    background: #f4f4f4;
    padding: 0.5rem;
}

.cx #main.about section .cxAboutBox04 dd ul li.list01 {
    text-indent: -3em;
    margin: 0 0 0 3em;
}

.cx #main.about #kindList01 {
    background: #f4f4f4;
    padding: 0.75em 0.5rem 0.5rem;
}

.cx #main.about #kindList01 a {
    color: #0276c7;
}

.cx #main.about #kindList01 ul {
	display: flex;
	flex-wrap: wrap;
    margin-top: 0.8rem;
}

.cx #main.about #kindList01 ul li {
	background-color: #0276c7;
    background-image: -webkit-linear-gradient(left, #0276c7, #1090ea);
    background-image: -o-linear-gradient(left, #0276c7, #1090ea);
    background-image: linear-gradient(to right, #0276c7, #1090ea);
    border-radius: 3px;
	margin-bottom: 0.2rem;
}

.cx #main.about #kindList01 ul li.active {
	background-color: #fff;
	background-image: none;
}

.cx #main.about #kindList01 ul li:not(:last-child) {
	margin-right: 0.2em;
}

.cx #main.about #kindList01 ul li.active span {
	display: block;
	color: #094fa4;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.about #kindList01 ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.about #kindList01 ul li a::after {
    content: '';
    display: inline-block;
	width: 8px;
	height: 12px;
    background-image: url(/img/common2/arrow03.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

.cx #main.about section .cxAboutBox05 {
    margin-top: 1.2rem;
    border: 2px solid #ccc;
    padding: 1rem;
    margin: 0 1.5rem 1rem;
}

.cx #main.about section .cxAboutBox05 section {
    margin: 0 0 1.5rem;
    border-bottom: 1px dotted #999;
}

.cx #main.about section .cxAboutBox05 section:last-child {
    margin: 0;
    border-bottom: none;
}

.cx #main.about section .cxAboutBox05 h5 {
    font-size: 1.08em;
    padding: 0.2rem 0.5rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
    background: #0276c7;
}

.cx #main.about section .cxAboutBox05 h5::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/img/common2/arrow05.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

.cx #main.about section .cxAboutBox05 h6 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #094fa4;
    border-left: 0.4rem solid #094fa4;
    border-bottom: 0;
    padding: 0.4rem 0 0.4rem 0.6rem;
    line-height: 1.4;
    margin: 0 0 1rem;
    background: #e5e5e5;
}

.cx #main.about section .cxAboutBox05 h6 b {
    color: #333;
    margin-left: 1.5rem;
    font-size: 1.08rem;
}

.cx #main.about section .cxAboutBox05 h6 span {
    font-size: 0.85em;
}

.cx #main.about section .cxAboutBox05 dl {
    margin: -0.5rem 0 1.5rem;
    font-weight: bold;
}

.cx #main.about section .cxAboutBox05 dl dt {
    margin-top: 1.5rem;
    color: #666;
}

.cx #main.about section .cxAboutBox05 dl dt strong {
    background: #094fa4;
    color: #fff;
    padding: 0.25rem 0.5rem;
    margin-right: 0.4rem;
}

.cx #main.about section .cxAboutBox05 dl dd {
    font-size: 1.2rem;
    margin-top: 0.25rem;
}

.cx #main.about section .cxAboutBox05 dl dd p {
    font-size: 1rem;
    font-weight: normal;
}

.cx #main.about section .cxAboutBox05 dl dd strong {
    color: #0276c7;
}

.cx #main.about section .cxAboutBox05 dl dd p strong {
    color: #000;
}

.cx #main.about section .cxAboutBox05 dl dd br {
    display: none;
}

.cx #main.about section .cxAboutBox05 dl dd p br {
    display: block;
}

.cx #main.about section .cxAboutBox05 .cxAboutImg01 {
    margin: 1.5rem 0 0.6rem;
}

.cx  #main.about .gengetsu-list dd {
    padding-left: 1em;
}

/*******************************
method
*******************************/
.cx #main.method section {
    margin-bottom: 3rem;
}

.cx #main.method .methodList01 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 2.5rem 2rem;
}

.cx #main.method .methodList01 li {
    width: 48%;
}

.cx #main.method .methodList01 li a {
    background: url(/img/common2/arrow09.png) 0 50% no-repeat #fff;
    background-size: 0.8rem auto;
    padding: 0 0 0 1.2rem;
    display: inline-block;
}

.cx #main.method section a {
    color: #0276c7;
}

.cx #main.method section h3 {
    position: relative;
}

.cx #main.method section h3 a {
    text-indent: 0;
    position: absolute;
    top: 10%;
    right: 0.5rem;
    padding: 0.25em 1.5rem 0.25rem 0.6rem;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    background: url(/img/common2/arrow09.png) 99% 50% no-repeat #fff;
    background-size: 0.7rem auto;
    border: 1px solid #999;
    font-size: 1rem;
}

.cx #main.method section h3 a strong {
    text-decoration: underline;
}

.cx #main.method section .methodBox01 div {
    margin-bottom: 1rem;
}

.cx #main.method section .methodBox01 h4 {
    font-weight: bold;
    color: #fff;
    background: #094fa4;
    padding: 0.25rem 0.5rem;
    text-align: center;
}

.cx #main.method section .methodBox01 div ul li {
    background: url(/img/common2/arrow06.png) center 94% no-repeat #fff;
    background-size: 2rem auto;
    padding-bottom: 2rem;
}

.cx #main.method section .methodBox01 div dl {
    display: flex;
    justify-content: space-between;
    background: #ebf9fe;
    padding: 1rem;
}

.cx #main.method section .methodBox01 div dl dt {
    width: 4%;
    font-family: 'Staatliches', cursive;
    font-size: 2.5rem;
    letter-spacing: 0.06rem;
    line-height: 1;
    color: #094fa4;
}

.cx #main.method section .methodBox01 div dl dd {
    width: 94%;
}

.cx #main.method section .methodTxt01 {
    margin: 0 1rem 1rem 6%;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 0.5rem 0.8rem;
}

.cx #main.method section .methodBox01 .treasurenet h4 {
    background: #555;
}

.cx #main.method section .methodBox01 .treasurenet dl {
    background: #f4f4f4;
}

.cx #main.method section .methodBox01 .treasurenet dl:last-child {
    align-items: center;
}

.cx #main.method section .methodBox01 .treasurenet dl dt {
    color: #787878;
}

.cx #main.method section .methodTxt02 {
    background: url(/img/common2/arrow09.png) center 0 no-repeat #fff;
    background-size: 1.5rem auto;
    padding-top: 1.5rem;
    margin-top: -0.8rem;
}

.cx #main.method section .methodTxt02 p {
    border: 4px solid #094fa4;
    padding: 0.5rem;
    font-weight: bold;
    color: #094fa4;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 3px;
}

.cx #main.method section .methodList2 {
    margin-left: 1rem;
}

.cx #main.method section .methodList02 li {
    text-indent: -1.3rem;
    margin: 0 0 0 1.3rem;
}

.cx #main.method section .methodList02 li span {
    color: #787878;
    margin-right: 0.3rem;
}

.cx #main.method section .methodList02 li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.cx #main.method section .methodList02 li ul {
    margin: 0.5rem 0;
}

.cx #main.method section .methodList02 li ul li {
    text-indent: 0;
    list-style-type: disc;
}

.cx #main.method section .methodList02 li ul li:not(:last-child) {
    margin-bottom: 0;
}

.cx #main.method .methodBox02 {
}

.cx #main.method .methodBox02 {
	padding: 1rem 1rem 1.5rem;
    border: none;
}

.cx #main.method .methodBox02 .purpose01 {
    color: #787878;
    line-height: 1.5;
}

.cx #main.method .methodBox02 {
    background: #f4f4f4;
    padding: 1rem;
    margin-bottom: 3rem;
}

.cx #main.method .methodBox02 ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #fff;
    padding: 1rem;
}

.cx #main.method .methodBox02 li {
    width: 49%;
}

.cx #main.method .methodBox02 .btn01 {
	width: 24rem;
	max-width: 100%;
	margin: 0.25rem auto 0;
}

.cx #main.method .methodBox02 .btn01 a {
	font-size: 0.9rem;
	padding: 0;
}

.cx #main.method .methodBox02 .btn01 a div {
	background: url(/img/common2/bg02.png) 300% 5% no-repeat;
	background-size: 120% auto;
	padding: 1.2rem 0;
    font-size: 0.7rem;
}

.cx #main.method .methodBox02 .btn01 a strong {
	font-size: 1.2rem;
	padding-left: 0.1em;
}

.cx #main.method .methodBox02 .link01 {
	text-align: center;
	margin-top: 0.6rem;
}

.cx #main.method .methodBox02 .link01 a {
    background: url(/img/common2/arrow02.png) 0 0.4em no-repeat;
    background-size: 0.48em auto;
    padding: 0 0 0 0.8em;
	display: inline-block;
}

.cx #main.method section .methodBox03 {
    border: 1px solid #ccc;
    padding: 1rem;
}

.cx #main.method section .methodBox03 ol {
    margin-left: 1.5rem;
}

.cx #main.method section .methodBox03 ol li {
    list-style-type: decimal;
}

.cx #main.method section .methodBox03 ol li:not(:last-child) {
    margin-bottom: 1.2rem;
}

.cx #main.method section .methodBox03 ol li ol {
    margin: 0.8rem 0 0 0;
}

.cx #main.method section .methodBox03 ol li ol li {
    list-style-type: none;
    text-indent: -2.7em;
    margin: 0 0 0 2.7em;
}

.cx #main.method section .methodBox03 ol li ol li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.cx #main.method section .methodTxt03 {
    margin-top: 1.5rem;
    font-weight: bold;
    color: #0276c7;
}

.cx #main.method section .methodTxt03 p:last-child {
    margin-top: 1rem;
}

/*******************************
servicetime
*******************************/
.cx #main.servicetime section {
    margin-bottom: 2.5rem;
}

.cx #main.servicetime section .servicetimeImg01 {
    text-align: center;
}

.cx #main.servicetime section .servicetimeImg01 img {
    max-width: 100%;
}

.cx #main.servicetime section .servicetimeList01,
.cx #main.servicetime section .servicetimeList02 {
    width: 595px;
    max-width: 100%;
    margin: 0.5rem auto 0;
}

.cx #main.servicetime section .servicetimeList01 li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.servicetime section .servicetimeList02 li {
    text-indent: -2.2em;
    margin: 0 0 0 2.2em;
}

.cx #main.servicetime section .servicetimeList02 li span {
    margin-right: 0.5em;
}

/*******************************
risk
*******************************/
.cx #main.risk #pageLink {
    display: flex;
    justify-content: flex-start;
    margin: 1.2rem 0 2.5rem 0;
}

.cx #main.risk #pageLink li:first-child {
    margin-right: 2.5rem;
}

.cx #main.risk #pageLink li a {
    background: url(/img/common2/arrow09.png) 0 50% no-repeat #fff;
    background-size: 0.8rem auto;
    padding: 0 0 0 1.2rem;
    display: inline-block;
}

.cx #main.risk section {
    margin-bottom: 2.5rem;
}

.cx #main.risk section p {
    margin-bottom: 1.2rem;
}

.cx #main.risk section section {
    margin: 1.5rem 0 0;
}

.cx #main.risk section h4 {
    font-size: 1.08em;
    padding: 0.2rem 0.5rem 0.2rem 2.5rem;
    color: #fff;
    font-weight: bold;
    background: url("/img/common2/check01.png") 0.5rem 50% no-repeat #094fa4;
    background-size: 1.4rem auto;
    margin-bottom: 1rem;
}

.cx #main.risk section .riskList01 {
    margin: 0 0 2rem 1.5rem;
    padding-top: 0.8rem;
}

.cx #main.risk section .riskList01 li {
    list-style-type: decimal;
}

.cx #main.risk section .riskList01 li:not(:last-child) {
    margin-bottom: 0.8rem;
}

/*******************************
order
*******************************/
.cx #main.order section {
    margin: 3rem 0;
}

.cx #main.order #pageLink {
    display: flex;
    justify-content: flex-start;
    margin: 1.2rem 0 2.5rem 0;
}

.cx #main.order #pageLink li:not(:last-child){
    margin-right: 2.5rem;
}

.cx #main.order #pageLink li a {
    background: url(/img/common2/arrow09.png) 0 50% no-repeat #fff;
    background-size: 0.8rem auto;
    padding: 0 0 0 1.2rem;
    display: inline-block;
}

.cx #main.order section table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}

.cx #main.order section table caption {
    text-align: left;
    margin-bottom: 0.25rem;
}

.cx #main.order section table th,
.cx #main.order section table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0.4em;
    vertical-align: middle;
}

.cx #main.order section table th {
	font-weight: bold;
	background: #eee;
    text-align: left;
}

.cx #main.order section .orderTable01 th {
    text-align: center;
    vertical-align: middle;
}

.cx #main.order section .orderTable01 .cel01 th {
    background: #888;
    color: #fff;
}

.cx #main.order section .orderTable01 .cel02 {
    width: 26%;
}

.cx #main.order section .orderTable02 {
    margin-bottom: 0.25rem;
}

.cx #main.order section .orderTable02 table {
    table-layout: fixed;
}

.cx #main.order section .orderTable02 th {
    background: #094fa4;
    color: #fff;
    text-align: center;
    width: 25%;
}

.cx #main.order section .orderTable02 td {
    background: #eaf9ff;
    text-align: center;
    vertical-align: middle;
}

.cx #main.order section .orderTable02 td.not {
    color: #0072b7;
    background-color: #fff;
}

.cx #main.order section .orderTable02 .cel01 {
    background: #d3efff;
    text-align: left;
}

.cx #main.order section .orderTable02 .cel02 {
    background: #fff;
}

.cx #main.order section .orderTable02 .cel03 {
    width: 1rem;
    color: #fff;
    font-weight: bold;
    background: #208dd0;
    line-height: 1.2;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
}

.cx #main.order section .orderList01 {
    margin: 0.5rem 0 2rem;
}

.cx #main.order section .orderList01 li {
    text-indent: -3.7em;
    margin: 0 0 0 3.7em;
}

.cx #main.order section .orderList01 li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.cx #main.order section .orderList02 {
    margin: 0 0 2rem;
}

.cx #main.order section .orderList02 li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.order section .orderList02 li:not:last-child {
    margin: 0 0 0 0.6em;
}

.cx #main.order section .orderTxt01 {
    padding-top: 1rem;
    background: url(/img/common2/arrow11.png) 50% 0 no-repeat #fff;
    background-size: 1.2rem auto;
    color: #0276c7;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.cx #main.order section .orderTable03 table th {
    background: #094fa4;
    color: #fff;
    text-align: center;
    width: 22%;
    vertical-align: middle;
}

.cx #main.order section .orderTable03 table td {
    vertical-align: middle;
}

.cx #main.order section .orderTable03 table td a {
    color: #0276c7;
}

.cx #main.order section .orderTable03 table .cel01 {
    width: 12%;
}

.cx #main.order section .orderTable03 table .cel02 {
    background: #eee;
    font-weight: bold;
    text-align: center;
}

.cx #main.order section .orderTable03 table .cel03 {
    text-align: center;
}

.cx #main.order section .orderTable03 table td span {
    background: #666;
    color: #fff;
    font-size: 0.85rem;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
    margin-right: 0.25rem;
}

/*******************************
commision
*******************************/
.cx #main.commision h2 {
    margin: -0.5rem 0 -1.5rem;
}

.cx #main.commision section {
    margin: 3rem 0;
}

.cx #main.commision section a {
    color: #0276c7;
}

.cx #main.commision section section h4 {
    font-size: 1.1em;
    padding: 0.3rem 0.5rem 0.5rem 2.5rem;
    color: #fff;
    font-weight: bold;
    background: url("/img/common2/check01.png") 0.5rem 50% no-repeat #094fa4;
    background-size: 1.4rem auto;
    margin-bottom: 1rem;
}

.cx #main.commision section section h4 span {
    display: block;
    font-size: 0.93rem;
}

.cx #main.commision section dl {
    background: -webkit-linear-gradient(#fff, #e1f3fd);
    background: -o-linear-gradient(#fff, #e1f3fd);
    background: linear-gradient(#fff, #e1f3fd);
    border: 1px solid #57c0ec;
    padding: 1rem 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin-bottom: 0.8rem;
}

.cx #main.commision section dl dt {
    color: #666;
    width: 60%;
    background: url(/serviceinformation/img/arrow01.png) 100% 50% no-repeat;
    background-size: 6rem auto;
}

.cx #main.commision section dl dt strong {
    color: #000;
    font-size: 1.4rem;
    display: block;
}

.cx #main.commision section dl dd {
    color: #000;
    font-size: 1.2rem;
}

.cx #main.commision section dl dd strong {
    font-size: 2.5rem;
    vertical-align: middle;
    line-height: 1;
}

.cx #main.commision section dl dd strong b {
    font-family: 'Staatliches', cursive;
    font-size: 6rem;
    font-weight: normal;
    color: #0276c7;
    line-height: 0.8;
}

.cx #main.commision section dl dd span {
    margin-left: 0.25rem;
    font-size: 0.8rem;
}

.cx #main.commision section dl dd div {
    font-size: 0.85rem;
    margin-top: 0.25rem;
    font-weight: normal;
    text-align: right;
}

.cx #main.commision section dl dd div strong {
    font-family: inherit;
    color: #0276c7;
    font-size: inherit;
    vertical-align: inherit;
}

.cx #main.commision section dl.box01 dt {
    width: 50%;
}

.cx #main.commision section ul {
    padding: 0.25rem 0 0;
}

.cx #main.commision section ul li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.commision section ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

/*******************************
mousikomisaki
*******************************/
.cx #main.mousikomisaki #step {
    padding-bottom: 1.3rem;
    display: flex;
}

.cx #main.mousikomisaki #step li {
    background: #094fa4;
    display: flex;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    width: 32%;
}

.cx #main.mousikomisaki #step li:hover {
    background: #0276c7;
}

.cx #main.mousikomisaki #step li:last-child {
    width: 36%;
}

.cx #main.mousikomisaki #step li a {
    width: 80%;
    padding: 0.6rem 5%;
    text-decoration: none;
}

.cx #main.mousikomisaki #step li a:hover {
    opacity: 1.0;
}

.cx #main.mousikomisaki #step li span {
    font-family: 'Staatliches', cursive;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
}

.cx #main.mousikomisaki #step li span b {
    font-size: 1.8rem;
}

.cx #main.mousikomisaki #step li strong {
    display: block;
    font-size: 1.08rem;
}

.cx #main.mousikomisaki #step li .arrow01 {
    width: 20%;
    position: relative;
    display: inline-block;
}

.cx #main.mousikomisaki #step li .arrow01:before {
    content: '';
    width: 3.5rem;
    height: 3.5rem;
    border: 0;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    position: absolute;
    top: 14%;
    left: -80%;
    margin-top: 0;
    transform: rotate(45deg);
}

.cx #main.mousikomisaki section {
    margin-top: 2rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox01 {
    padding: 1rem;
    border-right: 2px solid #e1f3fd;
    border-bottom: 2px solid #e1f3fd;
    border-left: 2px solid #e1f3fd;
}

.cx #main.mousikomisaki section#anc01 h3,
.cx #main.mousikomisaki section#anc02 h3,
.cx #main.mousikomisaki section#anc03 h3{
    padding: 0.08em 0.3em 0em 0.6em;
    margin: 0;
    text-indent: 0;
}

.cx #main.mousikomisaki section#anc01 h3 span,
.cx #main.mousikomisaki section#anc02 h3 span,
.cx #main.mousikomisaki section#anc03 h3 span {
    width: auto;
    background: none;
    text-indent: 0;
    height: auto;
    font-family: 'Staatliches', cursive;
    font-size: 1.6rem;
    font-weight: normal;
    letter-spacing: 0.05rem;
    line-height: 1.4;
    display: inline;
    margin: 0 0.8rem 0 0;
}

.cx #main.mousikomisaki section#anc01 h3 b,
.cx #main.mousikomisaki section#anc02 h3 b,
.cx #main.mousikomisaki section#anc03 h3 b {
    font-size: 1.8rem;
    line-height: 1;
}

.cx #main.mousikomisaki section#anc01 .mousikomisakiBox01 {
    text-align: center;
}

.cx #main.mousikomisaki section strong {
    font-weight: bold;
    color: #000;
}

.cx #main.mousikomisaki section .mousikomisakiBox01 .btn01 {
    width: 25rem;
    max-width: 100%;
    margin: 1.2rem auto 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox01 .btn01 a {
    padding: 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox01 .btn01 a div {
	background: url(/img/common2/bg01.png) 300% 5% no-repeat;
	background-size: 120% auto;
	padding: 0.8rem 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox01 .btn01 a strong {
	font-size: 1.3rem;
	padding-left: 0.25em;
    color: #fff;
}

.cx #main.mousikomisaki section .mousikomisakiTxt01 {
    margin: 1.2rem 0 0 1em;
    text-indent: -1em;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 {
    margin: 1.5rem 0 0 0;
    border: 1px solid #094fa4;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dt {
    background: #094fa4;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem 0.25rem 0.6rem;
    color: #fff;
    font-size: 1.08rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd {
    background: #f4f4f4;
    padding: 1rem;
    display: flex;
    align-items: center;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd ul {
    width: 45%;
    background: url(/serviceinformation/img/arrow01.png) 97% 50% no-repeat;
    background-size: 15% auto;
    padding: 0 10% 0 1.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd ul li {
    list-style-type: disc;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd ul li:not(:last-child) {
    margin: 0 0 0.6rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd .btn01 {
    width: 45%;
    margin: 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd .btn01 a {
    padding: 0.8rem 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox02 dd .btn01 br {
    display: none;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 {
    margin-top: 1.2rem;
    color: #787878;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd {
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ol {
    margin: 0.5rem 0 0 1.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ol li {
    list-style-type: decimal;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ol li:not(:last-child),
.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul {
    margin-top: 0.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li p {
    width: 85%;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li a {
    width: 12.9%;
    display: block;
    text-indent: 0;
}

.cx #main.mousikomisaki section .mousikomisakiBox03 dd ul li a img {
    width: 100%;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 {
    margin-top: 1.2rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 h4 {
    font-weight: bold;
    font-size: 1.15rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 dt {
    margin: 0.8rem 0 0.5rem;
    font-weight: bold;
    color: #094fa4;
    background: #e6f5fb;
    padding: 0.25rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 dd ol {
    margin: 0 0 0 1rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 dd ol li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.mousikomisaki section .mousikomisakiBox04 dd ol li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 {
    margin: 1.8rem 0 3rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 dl {
    letter-spacing: -.4rem;
    margin-top: 0.25rem;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 dl dt {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 dl dd {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 dl dd a {
    color: #0276c7;
}

.cx #main.mousikomisaki section .mousikomisakiBox05 dl dd strong {
    color: inherit;
}

.cx #main.mousikomisaki section .mousikomisakiList01 {
    margin: 0 0 0 1.5rem;
}

.cx #main.mousikomisaki section .mousikomisakiList01 li {
    list-style-type: decimal;
}

.cx #main.mousikomisaki section .mousikomisakiList01 li:not(:last-child) {
    margin-bottom: 0.6rem;
}

/*******************************
jpx400
*******************************/
.cx #main.jpx .jpxList01 {
    margin: 0 0 0 1.5rem;
}

.cx #main.jpx .jpxList01 li {
    list-style-type: disc;
}

.cx #main.jpx .jpxList01 li:not(:last-child){
    margin-bottom: 0.6rem;
}

.cx #main.jpx section {
    margin: 3rem 0 0;
}

.cx #main.jpx section a {
    color: #0276c7;
}

.cx #main.jpx #kindList01 {
    background: #f4f4f4;
    padding: 0.75em 0.5rem 0.5rem;
}

.cx #main.jpx #kindList01 a {
    color: #0276c7;
}

.cx #main.jpx #kindList01 ul {
	display: flex;
	flex-wrap: wrap;
    margin-top: 0.8rem;
}

.cx #main.jpx #kindList01 ul li {
	background-color: #0276c7;
    background-image: -webkit-linear-gradient(left, #0276c7, #1090ea);
    background-image: -o-linear-gradient(left, #0276c7, #1090ea);
    background-image: linear-gradient(to right, #0276c7, #1090ea);
    border-radius: 3px;
	margin-bottom: 0.2rem;
}

.cx #main.jpx #kindList01 ul li.active {
	background-color: #fff;
	background-image: none;
}

.cx #main.jpx #kindList01 ul li:not(:last-child) {
	margin-right: 0.2em;
}

.cx #main.jpx #kindList01 ul li.active span {
	display: block;
	color: #094fa4;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.jpx #kindList01 ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 1em;
}

.cx #main.jpx #kindList01 ul li a::after {
    content: '';
    display: inline-block;
	width: 8px;
	height: 12px;
    background-image: url(/img/common2/arrow03.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

.cx #main.jpx section h2 {
    color: #094fa4;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1rem;
    background: #e1f3fd;
    padding: 0.3em 0.3em 0.3em 1.2em;
    text-indent: -0.9em;
    line-height: 1.4;
}

.cx #main.jpx section h2::before {
    display: none;
}

.cx #main.jpx section .jpxTxt01 {
    margin: 0.5rem 0 0 1em;
    text-indent: -1em;
}

.cx #main.jpx section .jpxBox01 {
    margin-top: 2rem;
}

.cx #main.jpx section .jpxBox01 a {
    color: #0276c7;
}

.cx #main.jpx section .jpxBox01 dl.title {
    color: #fff;
    font-weight: bold;
    font-size: 1.08em;
    background: #094fa4;
    padding: 0.8rem 1rem;
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cx #main.jpx section .jpxBox01 dl.title dt {
    width: 49%;
    padding: 0 10% 0 0;
    background: url(/serviceinformation/img/arrow01.png) 100% 50% no-repeat;
    background-size: 4.5rem auto;
}

.cx #main.jpx section .jpxBox01 dl.title dt strong {
    font-size: 1.2rem;
    background: #0276c7;
    padding: 0.8rem 0.5rem;
    border-radius: 100%;
    margin: 0 0.25rem;
}

.cx #main.jpx section .jpxBox01 dl.title dd {
    width: 40%;
    font-size: 1.5rem;
    background: #0276c7;
    padding: 0.5rem 0;
    text-align: center;
}

.cx #main.jpx section .jpxBox02 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 1rem;
}

.cx #main.jpx section .jpxBox02 p strong {
    color: #0276c7;
}

.cx #main.jpx section .jpxBox01 h3 {
    color: #fff;
    font-weight: bold;
    font-size: 1.15em;
    background: #094fa4;
    padding: 0.4rem 1rem;
    line-height: 1.4;
    margin: 0;
    text-indent: 0;
}

.cx #main.jpx section .jpxBox01 table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
    margin-bottom: 0.5rem;
}

.cx #main.jpx section .jpxBox01 table th,
.cx #main.jpx section .jpxBox01 table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0.4em;
    vertical-align: middle;
}

.cx #main.jpx section .jpxBox01 table th {
	font-weight: bold;
	background: #eee;
    width: 22%;
    text-align: left;
}

.cx #main.jpx section .jpxBox01 .jpxList02 dd {
    margin: 0.3rem 0 0;
}

.cx #main.jpx section .jpxBox01 .jpxList02 dd ol {
    margin: 0 0 0 2.5rem;
}

.cx #main.jpx section .jpxBox01 .jpxList02 dd ol li {
    list-style-type: decimal;
}

.cx #main.jpx section .jpxBox01 .jpxList02 dd ol li:not(:last-child) {
    margin: 0 0 0.25rem;
}

.cx #main.jpx section .jpxBox02 section {
    margin-top: 1.5rem;
}

.cx #main.jpx section .jpxBox02 section h4 {
    font-weight: bold;
    background: #eee;
    padding: 0.4rem;
    border-top: 1px solid #ddd;
    margin-bottom: 1rem;
}

.cx #main.jpx section .jpxBox02 section h4 span {
    font-weight: normal;
}

.cx #main.jpx section .jpxBox02 section ol {
}

.cx #main.jpx section .jpxBox02 section ol li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.cx #main.jpx section .jpxBox02 section ol li:not(:last-child) {
    margin-bottom: 1.2rem;
}

.cx #main.jpx section .jpxBox02 section ol li dl dt {
    color: #666;
}

.cx #main.jpx section .jpxBox02 section ol li dl dt span {
    color: #0276c7;
}

.cx #main.jpx section .jpxBox02 section ol li dl dd {
    margin: 0.15rem 0 0 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    word-break: break-all;
}

.cx #main.jpx section .jpxBox02 section ol li dl dd strong {
    color: #0276c7;
}

.cx #main.jpx section .jpxBox02 section ol li dl dd br {
    display: none;
}

.cx #main.jpx section .jpxImg01 {
    margin: 1rem 0 0;
    text-align: center;
}

.cx #main.jpx section .jpxImg01 img {
    max-width: 100%;
}

.cx #main.jpx #cxCommon {
    margin-top: 2.5rem;
}

/*******************************
rule
*******************************/
.cx #main.rule .ruleBtn01 {
    margin-bottom: 2rem;
}

.cx #main.rule .ruleBtn01 a {
    display: block;
    background-color: #0276c7;
    background-image: -webkit-linear-gradient(left, #0276c7, #1090ea);
    background-image: -o-linear-gradient(left, #0276c7, #1090ea);
    background-image: linear-gradient(to right, #0276c7, #1090ea);
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 0.8rem 0;
}

.cx #main.rule .ruleBtn01 a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url(/img/common2/arrow03.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0 0 0.35em;
}

.cx #main.rule #ruleTab {
    display: flex;
    border-top: 3px solid #094fa4;
}

.cx #main.rule #ruleTab li {
    width: 50%;
    cursor: pointer;
    color: #fff;
    background: #094fa4;
    text-align: center;
    padding: 0.9em 0.25rem;
    font-weight: bold;
}

.cx #main.rule #ruleTab li::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/img/common2/arrow05.png);
    background-size: contain;
    vertical-align: middle;
    margin: -0.2em 0.35em 0 0;
}

.cx #main.rule #ruleTab li.active {
    color: #094fa4;
    background: #fff;
}

.cx #main.rule #ruleTab li.active::before {
    background-image: url(/img/common2/arrow04.png);
}

.cx #main.rule #rulePanel {
    margin-top: 2.5rem;
}

.cx #main.rule #rulePanel .each:not(:first-child) {
    display: none;
}

.cx #main.rule #rulePanel section section {
    margin-top: 2.5rem;
}

.cx #main.rule h2 {
    margin: 0 0 1.2rem 1.7rem;
    text-indent: -1.7rem;
}

.cx #main.rule section table {
	width: 100%;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
    border-collapse: separate;
    border-spacing: 0;
}

.cx #main.rule section table th,
.cx #main.rule section table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0.4em;
    vertical-align: middle;
}

.cx #main.rule section table th a,
.cx #main.rule section table td a {
    color: #0276c7;
}

.cx #main.rule section table th {
	font-weight: bold;
	background: #eee;
}

.cx #main.rule section section h4 {
    font-size: 1.08em;
    padding: 0.2rem 0.5rem 0.2rem 2.5rem;
    color: #fff;
    font-weight: bold;
    background: url("/img/common2/check01.png") 0.5rem 50% no-repeat #094fa4;
    background-size: 1.4rem auto;
    margin-bottom: 1rem;
}

.cx #main.rule section .ruleTable01 table th {
	background: #f8f8f8;
    width: 20%;
}

.cx #main.rule section .ruleTable01 table .cel01 {
	background: #eee;
}

.cx #main.rule section .ruleTable01 table .cel02 p {
    color: #666;
    text-align: center;
}

.cx #main.rule section .ruleTable01 table .cel03 {
	background: #eee;
}

.cx #main.rule section .ruleTable01 table .cel04 {
	background: #eee;
    width: 15%;
}

.cx #main.rule section .ruleTable01 table .cel05 {
	background: #eee;
    width: 85%;
}

.cx #main.rule section .ruleTable01 table td {
	text-align: center;
}

.cx #main.rule section .ruleTable01 table td p {
	text-align: left;
}

.cx #main.rule section .ruleTable01 table td p.txt01{
    text-indent: -1em;
    margin: 0.5rem 0 0 1em;
}

.cx #main.rule section .ruleTable01 table td ul {
    margin: 0 0 0 1.5rem;
}

.cx #main.rule section .ruleTable01 table td ul li {
	list-style-type: square;
    text-align: left;
}

.cx #main.rule section .ruleTable01 table td ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.cx #main.rule section .ruleTable02 table th {
	width: 23%;
}

.cx #main.rule section .ruleTable02 table ol {
    margin-bottom: 0.5rem;
}

.cx #main.rule section .ruleTable02 table ol li {
	text-indent: -1.8em;
	margin: 0.5rem 0 0 1.8em;
}

.cx #main.rule section .ruleTable02 table ol li span {
	margin: 0 0.4em 0 0;
}

.cx #main.rule section .ruleTable03 table td {
	text-align: right;
}

.cx #main.rule section .ruleTable03 table .cel01 {
	text-align: left;
}

.cx #main.rule section .ruleTable04 table th {
	width: 25%;
}

.cx #main.rule section .ruleTable04 table td {
	text-align: center;
}

.cx #main.rule section .ruleTable04 table .cel01 {
	background: #f8f8f8;
}

.cx #main.rule section .ruleBox01 {
    margin-top: 2rem;
	border: 2px solid #bbe7ff;
    padding: 1rem;
}

.cx #main.rule section .ruleBox01 dt {
    font-weight: bold;
    padding: 0 0 0 2rem;
    text-indent: -2rem;
}

.cx #main.rule section .ruleBox01 dd {
    margin: 0.25rem 0 0 2rem;
}

.cx #main.rule section .ruleBox02 {
    margin-top: 0.8rem;
	border: 2px solid #bbe7ff;
    padding: 1rem 1rem 1rem 3rem;
    text-indent: -2rem;
    font-weight: bold;
}

.cx #main.rule section .ruleBox02 strong {
    background-color: #e1f3fd;
}

.cx #main.rule section .ruleTxt01 {
    margin: 1rem 0 0 1em;
    text-indent: -1em;
}

.cx #main.rule section .ruleList01 {
    margin: 0 0 1rem 1.5rem;
}

.cx #main.rule section .ruleList01 li {
    list-style-type: disc;
}

.cx #main.rule section .ruleList01 li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.cx #main.rule #cxCommon {
    margin-top: 2.5rem;
}

/*******************************
charm
*******************************/
.cx #main.charm h2 {
    margin: 0 0 1rem;
}

.cx #main.charm #tab {
    margin-top: 1.5rem;
}

.cx #main.charm #pageLink {
    margin-bottom: 2.5rem;
    background: url("/serviceinformation/margin/img/bg01.png") 100% 0 no-repeat #fff;
    background-size: 125%;
    border: 1px solid #65b0e7;
}

.cx #main.charm #pageLink dt {
    background: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    padding: 0 2.5%;
    color: #094fa4;
    border-top: 6px solid #e1f3fd;
}

.cx #main.charm #pageLink dd ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 1rem 0.4rem;
}

.cx #main.charm #pageLink dd ol li {
    width: 49%;
    margin: 0 0 0.6rem;
}

.cx #main.charm #pageLink dd ol li:nth-child(odd) {
    margin-right: 2%;
}

.cx #main.charm #pageLink dd ol li a {
    display: block;
    background: url(/img/common2/arrow06.png) 98% 50% no-repeat #fff;
    background-size: 0.8rem auto;
    padding: 0.25rem;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
}

.cx #main.charm #pageLink dd ol li span {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0.5rem;
    background: #094fa4;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-family: 'Staatliches', cursive;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 0.55;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
}

.cx #main.charm section {
    margin-bottom: 3rem;
}

.cx #main.charm section .charmImg01,
.cx #main.charm section .charmImg02,
.cx #main.charm section .charmImg03 {
    margin: 1rem 0;
    text-align: center;
}

.cx #main.charm section .charmImg01 img,
.cx #main.charm section .charmImg02 img,
.cx #main.charm section .charmImg03 img {
    max-width: 100%;
    vertical-align: top;
}

.cx #main.charm section .charmImg02 img {
    width: 500px;
}

.cx #main.charm section .charmImg03 {
    position: relative;
}

.cx #main.charm section .charmImg03 .btn01 {
    background: #f7ebdb;
    width: 594px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0 1rem;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e5d2b4;
    border-top: none;
    box-sizing: border-box;
}

.cx #main.charm section .charmImg03 .btn01 a {
    width: 20rem;
    margin: 0 auto;
    color: #fff;
    max-width: 92%;
    line-height: 1.5;
}

.cx #main.charm section h3 {
    text-indent: 0;
    padding: 0;
    display: flex;
}

.cx #main.charm section h3 strong {
    background: #094fa4;
    color: #fff;
    padding: 0.5rem 0.3rem 0.5rem 8%;
    position: relative;
    width: 50%;
}

.cx #main.charm section h3 span {
    position: absolute;
    top: -0.2rem;
    left: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.5rem;
    background: #fff;
    border-radius: 3px;
    margin: 0;
    color: #094fa4;
    border: 1px solid #094fa4;
    text-align: center;
    font-family: 'Staatliches', cursive;
    font-size: 2rem;
    line-height: 0.9;
}

.cx #main.charm section h3 b {
    background: #0276c7;
    color: #fff;
    padding: 0.5rem;
    width: 42.5%;
}

.cx #main.charm section section {
    margin-bottom: 2rem;
}

.cx #main.charm section section h4 {
    color: #094fa4;
    font-weight: bold;
    font-size: 1.15em;
    margin-bottom: 1rem;
    background: #e1f3fd;
    padding: 0.3em 0.3em 0.3em 1.2em;
    text-indent: -0.9em;
    line-height: 1.4;
}

.cx #main.charm section section h4 span {
    display: inline-block;
    width: 8px;
    background: #094fa4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0083d3), to(#094fa4));
    background: -webkit-linear-gradient(top, #0083d3, #094fa4);
    background: linear-gradient(to bottom, #0083d3, #094fa4);
    border-radius: 3px;
    height: 1.2em;
    vertical-align: middle;
    margin: 0 0.5em 0.15em 0;
}

.cx #main.charm section section h4 b {
    margin: 0 0 0 0.5rem;
    font-size: 1rem;
}

.cx #main.charm section a {
    color: #0276c7;
}

.cx #main.charm section#plan01 dl {
    background: -webkit-linear-gradient(#fff, #e1f3fd);
    background: -o-linear-gradient(#fff, #e1f3fd);
    background: linear-gradient(#fff, #e1f3fd);
    border: 1px solid #ccc;
    padding: 1rem 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin-bottom: 0.8rem;
}

.cx #main.charm section#plan01 dl dt {
    color: #666;
    width: 60%;
    background: url(/serviceinformation/img/arrow01.png) 100% 50% no-repeat;
    background-size: 6rem auto;
}

.cx #main.charm section dl dt strong {
    color: #000;
    font-size: 1.4rem;
    display: block;
}

.cx #main.charm section#plan01 dl dd {
    color: #000;
    font-size: 1.2rem;
}

.cx #main.charm section#plan01 dl dd strong {
    font-size: 2.5rem;
    vertical-align: middle;
    line-height: 1;
}

.cx #main.charm section#plan01 dl dd strong b {
    font-family: 'Staatliches', cursive;
    font-size: 6rem;
    font-weight: normal;
    color: #0276c7;
    line-height: 0.8;
}

.cx #main.charm section#plan01 dl dd span {
    margin-left: 0.25rem;
    font-size: 0.8rem;
}

.cx #main.charm section#plan01 dl dd div {
    font-size: 0.85rem;
    margin-top: 0.25rem;
    font-weight: normal;
    text-align: right;
}

.cx #main.charm section#plan01 dl dd div strong {
    font-family: inherit;
    color: #0276c7;
    font-size: inherit;
    vertical-align: inherit;
}

.cx #main.charm section#plan01 dl.box01 dt {
    width: 50%;
}

.cx #main.charm section#plan01 .txt01 {
    margin-bottom: 1.2rem;
}

.cx #main.charm section#plan01 .txt02 {
    color: #666;
    margin: 0 0 0 1em;
    text-indent: -1em;
}

.cx #main.charm section#plan02 .plan02Box01 {
    background: #edf7fd;
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
}

.cx #main.charm section#plan02 .plan02Box01 dl {
    background: -webkit-linear-gradient(#fff, #e1f3fd);
    background: -o-linear-gradient(#fff, #e1f3fd);
    background: linear-gradient(#fff, #e1f3fd);
    padding: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    border-bottom: 1px solid #57c0ec;
}

.cx #main.charm section#plan02 .plan02Box01 dl dt {
    width: 53%;
    background: url(/serviceinformation/img/arrow01.png) 100% 50% no-repeat;
    background-size: 3.5rem auto;
    padding-right: 8%;
    font-size: 1.3rem;
    color: #000;
}

.cx #main.charm section#plan02 .plan02Box01 dl dt span {
    font-size: 1.08rem;
    color: #0276c7;
    display: block;
}

.cx #main.charm section#plan02 .plan02Box01 dl dd {
    color: #000;
    font-size: 1.7rem;
    width: 35%;
}

.cx #main.charm section#plan02 .plan02Box01 div {
    padding: 1rem 0.5rem;
}

.cx #main.charm section#plan02 .txt01 {
    margin-bottom: 1.2rem;
}

.cx #main.charm section#plan03 .txt01 {
    margin-bottom: 1.5rem;
}

.cx #main.charm section#plan04 .txt01 {
    margin-bottom: 1.5rem;
}

.cx #main.charm section#plan04 ol {
    margin: 0 0 0 1.5rem;
}

.cx #main.charm section#plan04 ol li {
    list-style-type: decimal;
}

.cx #main.charm section#plan04 ol li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.cx #main.charm section#plan07 .txt01 {
	margin: 0 0 1.2rem;
}

.cx #main.charm section#plan07 table {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0;
	border-top: 1px solid #57c0ec;
	border-right: 1px solid #57c0ec;
    margin-bottom: 1rem;
}

.cx #main.charm section#plan07 table td {
	border-bottom: 1px solid #57c0ec;
	border-left: 1px solid #57c0ec;
	padding: 0.4em;
    vertical-align: middle;
}

.cx #main.charm section#plan07 table .cel01 {
    width: 65%;
    background: #edf7fd;
}

.cx #main.charm section#plan07 table .cel01 dt {
    font-weight: bold;
}

.cx #main.charm section#plan07 table .cel01 dd ul li {
    margin: 0.25rem 0 0 3em;
    text-indent: -3em;
}

.cx #main.charm section#plan07 table .cel01 dd ul li span {
    margin: 0 0.3em 0 0;
}

.cx #main.charm section#plan07 table .btn01 a {
    color: #fff;
}

.cx #main.charm #risk {
    margin-top: 2rem;
    background: #edf7fd;
	border: 1px solid #57c0ec;
    padding: 1rem;
}

.cx #main.charm #risk dt {
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.cx #main.charm #risk dd ul {
    margin: 0 0 0 1.5rem;
}

.cx #main.charm #risk dd ul li {
    list-style-type: square;
}

.cx #main.charm #risk dd ul li:not(:last-child) {
    margin-bottom: 0.6rem;
}

/*******************************
VaR
*******************************/

.cx #main.var section {
    margin-bottom: 30px;
}

.cx #main.var section table {
	width: 100%;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
    border-collapse: separate;
    border-spacing: 0;
}

.cx #main.var section table th,
.cx #main.var section table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0.4em;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
}

.cx #main.var section .varTable01 table th {
	background: #f8f8f8;
    width: 20%;
}

.cx #main.var section .varTable01 table .cel01 {
	background: #eee;
}

.cx #main.var section ul li {
    padding-left: 1em;
    text-indent: -1em;
}