@charset "UTF-8";



/* common setting (ver 2.0)
==================================================*/
/* scroll ------------------------------------------------*/
html {
overflow-y: scroll;
font-size: 62.5%;
}

.pg-break {
page-break-before: always;
}

/* ---------------------------------------------------------
COMMON LAYOUT
---------------------------------------------------------- */
#topMain {
margin-bottom: 60px;
}

#header, #topMain, #container {
margin: 0 10px;
}

/* @media screen and (min-width: 481px) and (max-width: 768px) {
#footer.banner{ padding-bottom:210px;
} } */
/* @media screen and (min-width: 769px)  {
#footer.banner{ padding-bottom:210px;
} } */
span.decimal {
font-size: 88%;
}

option:disabled {
text-decoration: line-through;
}

.l-justify-left {
display: -o-flex;
display: -ms-flex;
display: flex;
/*--- safari（PC） ---*/ justify-content: flex-start;
}

.l-justify-right {
display: -o-flex;
display: -ms-flex;
display: flex;
/*--- safari（PC） ---*/ justify-content: flex-endt;
}

.l-justify-center {
display: -o-flex;
display: -ms-flex;
display: flex;
/*--- safari（PC） ---*/ justify-content: center;
}

.l-direction-column {
display: -o-flex;
display: -ms-flex;
display: flex;
/*--- safari（PC） ---*/ justify-content: column;
}

/* ALL
---------------------------------------------------------- */
.l-all {
box-sizing: border-box;
word-wrap: break-word;
overflow-wrap: break-word;
text-align: left;
width: 100%;
padding: 0;
margin: 0 auto;
}

/* MAIN
---------------------------------------------------------- */
.l-main {
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto;
box-sizing: border-box;
}

.l-main.l-fix {
width: 800px;
}

/* CONTAINER
---------------------------------------------------------- */
.l-container {
position: relative;
box-sizing: border-box;
width: 100%;
max-width: 800px;
padding: 0 15px;
margin: 0 auto;
}

.l-container .l-container {
padding: 0;
}

.l-container-py {
width: 770px;
}

/* ROW
---------------------------------------------------------- */
.l-row {
display: -o-flex;
display: -ms-flex;
display: flex;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 4rem;
}

.l-row.l-row-wrap {
/*--- IE10 ---*/ flex-wrap: wrap;
}

.l-row.l-row-top {
align-items: flex-start;
}

.l-row.l-row-bottom {
align-items: flex-end;
}

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

.l-row.l-row-stretch {
align-items: stretch;
}

.l-row.l-row-baseline {
align-items: baseline;
}

.l-row .l-col {
position: relative;
display: block;
box-sizing: border-box;
/* OLD - iOS 6-, Safari 3.1-6 */ /* Safari 6.1+. iOS 7.1+, BB10 */ /* IE 10 */ flex: 1 1 auto;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
width: 100%;
}

.l-row .l-col::after {
display: block;
content: "";
clear: both;
}

.l-row .l-col.l-col-offset-10 {
margin-left: 10%;
}

.l-row .l-col.l-col-3 {
flex: 0 0 25%;
max-width: 25%;
}

.l-row .l-col.l-col-6 {
flex: 0 0 50%;
max-width: 50%;
}

.l-row .l-col.l-col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}

.l-row .l-col.l-col-top {
-ms-grid-row-align: flex-start;
align-self: flex-start;
}

.l-row .l-col.l-col-bottom {
-ms-grid-row-align: flex-end;
align-self: flex-end;
}

.l-row .l-col.l-col-center {
-ms-grid-row-align: center;
align-self: center;
}

/* CONTAINER WIDTH
---------------------------------------------------------- */
#footer {
margin-top: 10px;
background-color: #00a08e;
}

#footer .footerInner {
margin-left: auto;
margin-right: auto;
padding: 13px 10px 13px 50px;
}

#footer .footerInner p {
text-align: right;
color: #ffffff;
font-size: 0.9rem;
}

/* 02 header
------------------------------------------------*/
#header .headerLogo {
text-align: center;
padding-top: 20px;
}

#topMain {
margin-top: 15px;
}

#topMain p.simulation {
margin-top: 20px;
text-align: center;
font-weight: bold;
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 40px;
}

/* ---------------------------------------------------------
BODY
---------------------------------------------------------- */
#contentAll {
position: relative;
}

#container {
margin-top: 35px;
}

/* table

=========================================*/
/* 1 */
.formTable {
table-layout: fixed;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}

.formTable th, .formTable td {
vertical-align: middle;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}

.formTable th {
font-size: 1.3rem;
background-color: #eaeaea;
padding: 20px 7px;
width: 36%;
text-align: left;
font-weight: bold;
}

.formTable td {
font-size: 1.6rem;
padding: 20px 15px;
text-align: center;
}

.formTable select {
width: 100%;
font-weight: bold;
}

/* 2 */
.rateTable {
table-layout: fixed;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}

.rateTable tbody {
background-color: #f8f8f8;
}

.rateTable tbody th, .rateTable tbody td {
background-color: #f8f8f8;
line-height: 1.2;
vertical-align: middle;
text-align: left;
padding: 0;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}

.rateTable tbody th {
padding: 15px 5px 15px 8px;
font-size: 1.3rem;
width: 36%;
font-weight: bold;
background-color: #eaeaea;
}

.rateTable tbody td {
border-left: 1px solid #fff;
padding: 15px 5px 15px 8px;
font-size: 1.6rem;
font-weight: bold;
}

.rateTable tbody td.bdbnone {
border-bottom: 1px solid #f8f8f8;
}

.rateTable tbody td .dateYmd span {
color: #e73708;
}

.rateTable .bdbnone {
border-bottom-style: none;
padding-bottom: 0;
}

.rateTable .medium {
font-size: 1.6rem;
}

/* 3 緑黁E*/
.receivTable {
margin-top: 15px;
table-layout: fixed;
box-sizing: border-box;
border-collapse: separate;
width: 100%;
background: #fff;
z-index: 999;
}

.receivTable tbody {
/* オレンジ黁E��*/ }

.receivTable tbody td, .receivTable tbody th {
text-align: center;
line-height: 1.2;
font-weight: normal;
border: 0 none transparent;
padding: 0;
}

.receivTable tbody tr.typeA th {
font-size: 1.2rem;
position: relative;
font-weight: bold;
}

.receivTable tbody tr.typeA th:nth-child(odd) p {
border: 2px solid #595757;
color: #595757;
padding: 5px 0;
}

.receivTable tbody tr.typeA th:nth-child(even) p {
border: 2px solid #595757;
background-color: #595757;
color: #ffffff;
padding: 5px 0;
}

.receivTable tbody tr.typeA td {
background-color: #f8f8f8;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}
.receivTable tbody tr.typeA td:first-child {
border-left: 1px solid #d2d2d2;
}

.receivTable tbody tr.typeA td:nth-child(even) {
background-color: #ffffff;
}

.receivTable tbody tr.typeA td p {
padding: 15px 0;
font-size: 1.4rem;
font-weight: bold;
}

.receivTable tbody tr.typeA td p em {
font-size: 1.6rem;
font-weight: bold;
}

.receivTable tbody tr.typeA td span {
color: #e73708;
}

.receivTable tbody tr.typeB th {
background-color: #47C2C8;
}

.receivTable tbody tr.typeB th p {
border-top: 15px solid #fff;
color: #ffffff;
font-size: 1.6rem;
padding: 15px 0;
margin: 0;
position: relative;
font-weight: bold;
}

.receivTable tbody tr.typeB th p::before, .receivTable tbody tr.typeB th p::after {
content: "";
display: block;
width: 4px;
height: 15px;
top: -15px;
background-color: #ffffff;
position: absolute;
}

.receivTable tbody tr.typeB th p::before {
left: -1px;
}

.receivTable tbody tr.typeB th p::after {
right: -1px;
}

.receivTable tbody tr.typeB td {
background-color: #f0fff7;
}

.receivTable tbody tr.typeB td:nth-child(even) {
background-color: #fff;
}

.receivTable tbody tr.typeB td:first-child p {
border-left: 1px solid #47C2C8;
}

.receivTable tbody tr.typeB td p {
border-right: 1px solid #47C2C8;
border-bottom: 1px solid #47C2C8;
padding: 13px 0;
font-size: 1.3rem;
font-weight: bold;
color: #333333;
line-height:1.5;
}

.receivTable tbody tr.typeB td p > span {
font-size: 1.4rem;
}

.receivTable tbody tr.typeB td p em {
font-size: 1.0rem;
font-weight: bold;
}

.receivTable tbody tr.typeB td p em span {
font-size: 1.0rem;
}

.receivTable tbody tr.typeB td p em span.decimal {
font-size: 1.2rem;
}

/* 4 */
/* 2019年 アコーデオン表 */
.receivRateTable{
table-layout:fixed;
border-collapse: separate;
/*border-collapse: collapse;*/
margin: 0 auto 10px;
width:100%;
box-sizing:border-box;
min-width:945px;
}
/* 第1保険期間 2つ目のレコード高さ */
.receivRateTable thead .tableRecord02 th,
.receivRateTable thead .tableRecord02 td{
	height:63px;
}


/* 第2保険期間 */
.receivRateTable.period2nd{
min-width:500px;
}

.receivRateTable th,
.receivRateTable td{
line-height:1.4;
box-sizing:border-box;
border-right:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
font-weight:bold;
vertical-align:middle;
text-align:center;
}
.receivRateTable thead th{
font-size:1.4rem;
background-color:#eaeaea;
text-align:center;
vertical-align:middle;
height:45px;
}

.receivRateTable thead tr:first-child th{
border-top:1px solid #d2d2d2;
}

.receivRateTable thead .returnRate{
  background-color:#abD9D6;
}
/* 下ボーダー線無し */
.receivRateTable thead .bdbNone{
border-bottom-style:none;
}
/* 上ボーダー線有り */
.receivRateTable thead .bdt{
border-top:1px solid #d2d2d2;
}
.receivRateTable thead .tform{
display:block;
position:relative;
/*top:1.75em;*/
top:2.5em;/*2行目3行分*/
}

.receivRateTable .tableCellFixed{
position:absolute;
left:0;
}
.receivRateTable thead tr:first-child .tableCellFixed{
  z-index:1;
}
.receivRateTable thead .tableCellFixed{
border-left:1px solid #d2d2d2;
}


.receivRateTable tbody th,
.receivRateTable tbody td{
height:55px;
}


.receivRateTable tbody .caution{
  text-decoration:none;
  font-size:1.2rem;
}

.receivRateTable tbody th{
  font-size:1.4rem;
  background-color:#fff;
  border-left:1px solid #d2d2d2;
}
.receivRateTable tbody td p{
  font-size:1.3rem;
}
.receivRateTable tbody td p > span{
  font-size:1.4rem;
}
.receivRateTable tbody th p{
display:block;
position:relative;
top:1.2em;
}
.receivRateTable tbody th p.firstChild{
top:0.5em;
}



.receivRateTable tbody .returnRate{
  background-color:#f0fff7;
}
.receivRateTable .tableCell01{width:6.7%;min-width:63px;}
.receivRateTable .tableCell02{width:6.7%;min-width:63px;}
.receivRateTable .tableCell03{width:6.7%;min-width:63px;}
.receivRateTable .tableCell04{width:13.3%;}
.receivRateTable .tableCell05{width:13.3%;}
.receivRateTable .tableCell06{width:13.3%;}
.receivRateTable .tableCell07{width:13.3%;}
.receivRateTable .tableCell08{width:13.3%;}
.receivRateTable .tableCell09{width:13.3%;}
.receivRateTable .tableCell0405{width:26.6%;}
.receivRateTable .tableCell0809{width:26.6%;}

.receivRateTable tbody .tableCell04 p,
.receivRateTable tbody .tableCell05 p,
.receivRateTable tbody .tableCell06 p,
.receivRateTable tbody .tableCell07 p,
.receivRateTable tbody .tableCell08 p,
.receivRateTable tbody .tableCell09 p{
text-align:right;
padding-right:10px;
}


/* .receivRateTable .tableCell23{width:17.2%;} */
.receivRateTable .tableCell21{width:12.8%;min-width:63px;}
.receivRateTable .tableCell22{width:12.8%;min-width:63px;}
.receivRateTable .tableCell24{width:37.2%;}
.receivRateTable .tableCell25{width:37.2%;}
/* .receivRateTable .tableCell26{width:17.2%;} */
/* .receivRateTable .tableCell27{width:17.2%;} */
/* .receivRateTable .tableCell2627{width:34.4%;} */

.receivRateTable tbody .tableCell23 p,
.receivRateTable tbody .tableCell24 p,
.receivRateTable tbody .tableCell25 p,
.receivRateTable tbody .tableCell26 p,
.receivRateTable tbody .tableCell27 p{
text-align:right;
padding-right:10px;
}


.receivRateTable .tableCellFixed + th,
.receivRateTable .tableCellFixed + td{
  width:13.4%;
}
.receivRateTable .tableCellFixed + th p,
.receivRateTable .tableCellFixed + td p{
  margin-left:49%;
}
/* 第2保険期間 */
.receivRateTable.period2nd .tableCellFixed + th,
.receivRateTable.period2nd .tableCellFixed + td{
  width:25.6%;
}


/* tableA */
.tableFixedWrap {
width: auto;
overflow-x: auto;
}

.tableA03, .tableA04, .tableA06 {
table-layout: fixed;
width: 100%;
border-spacing: 0;
}

.tableA03 thead th, .tableA04 thead th, .tableA06 thead th {
background-color: #eaeaea;
text-align: center;
font-weight: bold;
}

.tableA03 thead th.tableCell06, .tableA04 thead th.tableCell06, .tableA06 thead th.tableCell06 {
background-color: #ABD9D6;
}

.tableA03 tbody th .year, .tableA03 tbody td .year, .tableA04 tbody th .year, .tableA04 tbody td .year, .tableA06 tbody th .year, .tableA06 tbody td .year {
font-size: 1.6rem;
}

.tableA03 tbody td.tableCell01L, .tableA04 tbody td.tableCell01L, .tableA06 tbody td.tableCell01L {
border-bottom: 1px solid #d2d2d2 !important;
}

.tableA03 tbody td:first-child, .tableA04 tbody td:first-child, .tableA06 tbody td:first-child {
border-bottom: 1px solid transparent;
}

.tableA03 tbody td.tableCell06, .tableA04 tbody td.tableCell06, .tableA06 tbody td.tableCell06 {
background-color: #F0FFF7;
}

.tableA03 tbody td:not(:first-child), .tableA04 tbody td:not(:first-child), .tableA06 tbody td:not(:first-child) {
vertical-align: top;
}

.tableA03 th, .tableA04 th, .tableA06 th {
height: 52px;
}

.tableA03 td, .tableA04 td, .tableA06 td {
height: 52px;
}

.tableA03 td, .tableA03 th, .tableA04 td, .tableA04 th, .tableA06 td, .tableA06 th {
font-size: 1rem;
font-weight: 800;
padding: 6px;
width: 100px;
vertical-align: top;
border: 1px solid #d2d2d2;
box-sizing: border-box;
}

.tableA03 td.tableCellFixed, .tableA03 th.tableCellFixed, .tableA04 td.tableCellFixed, .tableA04 th.tableCellFixed, .tableA06 td.tableCellFixed, .tableA06 th.tableCellFixed {
position: absolute;
left: 0px;
}

.tableA03 td.tableCell01, .tableA03 th.tableCell01, .tableA04 td.tableCell01, .tableA04 th.tableCell01, .tableA06 td.tableCell01, .tableA06 th.tableCell01 {
width: 54px;
}

.tableA03 .smallText, .tableA04 .smallText, .tableA06 .smallText {
font-size: 1.0rem;
}

.tableA03 .small, .tableA04 .small, .tableA06 .small {
font-size: 90%;
display: inline-block;
vertical-align: baseline;
}

/* acordion table 1 2
--------------------------*/
.tableA03 thead th.rateCell, .tableA06 thead th.rateCell {
position: relative;
width: 80px;
border-left-style: none;
}

.tableA03 thead th.rateCell .returnRate, .tableA06 thead th.rateCell .returnRate {
padding-bottom: 2.5em;
border-top: 1px solid transparent;
}

.tableA03 thead th.rateCell .returnRate .bg, .tableA06 thead th.rateCell .returnRate .bg {
background-color: #ABD9D6;
position: absolute;
display: block;
left: 0;
top: auto;
bottom: 0;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
height: 2.5em;
line-height: 2.6;
}

.tableA03 tbody td:not(:first-child), .tableA06 tbody td:not(:first-child) {
vertical-align: middle;
}

.tableA03 tbody td.rateCell, .tableA06 tbody td.rateCell {
border-left: 1px solid #d2d2d2;
}

.tableA03 tbody .bg, .tableA06 tbody .bg {
background-color: #F0FFF7;
}

/* acordion table 1
--------------------------*/
.acordWrap .acordArea.tableA03WrapAcord .tableFixedWrap {
margin-top: 10px;
margin-left: 0;
}

.tableA03 {
border-collapse: separate;
border: 0px none #fff;
margin-top: 10px;
}

.tableA03 th, .tableA03 td {
border: 0px none;
border-top: 0px none;
border-left: 0px none;
border-bottom: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
box-sizing: content-box;
}

.tableA03 th {
height: 40px;
}

.tableA03 td {
height: 40px;
}

.tableA03 thead th {
border-top: 1px solid #d2d2d2;
vertical-align: middle;
}

.tableA03 thead th.tableCell03 {
width: 88px;
}

.tableA03 thead th.tableCell04, .tableA03 thead th.tableCell05 {
width: 98px;
}

.tableA03 thead th.tableCell06 {
width: 68px;
}

.tableA03 thead th.tableCell05 {
border-right: 0px none;
}

.tableA03 thead th.tableCellFixed {
white-space: nowrap;
border-right: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-bottom: 2px solid #d2d2d2;
width: 42px;
background-size: 2px 1px;
}

.tableA03 thead th.tableCellFixed + th {
width: 138px;
}

.tableA03 thead th.tableCellFixed + th .overlap {
margin-left: 60px;
}

.tableA03 tbody td {
background-color: #fff;
}

.tableA03 tbody td.tableCellFixed {
border-right: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-bottom: 2px solid #d2d2d2;
width: 42px;
background-size: 2px 1px;
background-color: #fff;
}

.tableA03 tbody td.tableCellFixed.tableCell01L {
border-bottom: 0px none !important;
}

.tableA03 tbody td.tableCell05 {
border-right: 0px none;
}

.tableA03 .innerRow {
box-sizing: border-box;
width: 100px;
height: 39px;
border-left: 1px solid #d2d2d2;
border-top: 1px solid #d2d2d2;
border-bottom: none;
padding: 10px;
margin-left: 35px;
text-align: center;
}

.tableA03 .innerRow + td {
border-top: 1px solid #d2d2d2;
}

/* acordion table 2
--------------------------*/
.tableA06 {
border-collapse: separate;
}

.tableA06 thead th {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
border-left-style: none;
}

.tableA06 thead th.tableCell01 {
border-left: 1px solid #d2d2d2;
vertical-align: middle;
}

.tableA06 thead th.tableCell02 {
width: 40%;
vertical-align: middle;}

.tableA06 thead th.tableCell03 {
width: 40%;
border-right-style: none;
 vertical-align: middle;}

.tableA06 tbody th {
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-top-style: none;
border-left: 1px solid #d2d2d2;
vertical-align: middle;
}

.tableA06 tbody td {
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-top-style: none;
border-left-style: none;
word-break: break-all;
}

.tableA06 tbody td.tableCell04 {
background-color: #F0FFF7;
}

.tableA06 tbody td.tableCell03 {
border-right-style: none;
}

.tableA04 thead th {
height: 30px;
}

.tableA04 thead th.tableCell02, .tableA04 thead th.tableCell03 {
width: 140px;
}

.tableA04 thead th.tableCell04 {
background-color: #ABD9D6;
}

.tableA04 tbody th, .tableA04 tbody td {
font-size: 1.2rem;
padding: 20px 6px 20px 6px;
height: 56px;
}

.tableA04 tbody th:first-child, .tableA04 tbody td:first-child {
border-bottom: 1px solid transparent;
}

.tableA04 tbody th.tableCell01L, .tableA04 tbody td.tableCell01L {
border-bottom: 1px solid #d2d2d2 !important;
}

.tableA04 tbody th.tableCell04, .tableA04 tbody td.tableCell04 {
font-size: 1rem;
background-color: #F0FFF7;
}

.tableA04 tbody th {
padding-top: 10px;
}

.tableA04 tbody .large {
font-size: 120%;
}

.tableA, .tableA05 {
position: relative;
table-layout: fixed;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
margin-top: 10px;
box-sizing: border-box;
}

.tableA caption, .tableA05 caption {
font-size: 1.6rem;
font-weight: 800;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
padding: 10px;
}

.tableA th, .tableA td, .tableA05 th, .tableA05 td {
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 6px;
font-size: 1rem;
font-weight: 800;
}

.tableA .smallText, .tableA05 .smallText {
font-size: 1.0rem;
}

.tableA .small, .tableA05 .small {
font-size: 75%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
display: inline-block;
vertical-align: middle;
}

.tableA thead th, .tableA05 thead th {
border-left: 1px solid #d2d2d2;
background-color: #f8f8f8;
text-align: center;
font-weight: bold;
}

.tableA.tableA02 thead th:last-child {
background-color: #ABD9D6;
}

.tableA.tableA02 tbody td:last-child {
background-color: #F0FFF7;
}

.tableA.tableA02 tbody td .large {
font-size: 1.4rem;
}

.tableA tbody td:not(:first-child) {
vertical-align: top;
}

.tableA tbody td .year {
font-size: 1.6rem;
}

.tableA05 th, .tableA05 td {
font-size: 1.2rem;
padding: 8px;
}

.tableA05 td {
font-weight: 400;
}

.tableB {
table-layout: fixed;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
margin-top: 10px;
box-sizing: border-box;
}

.tableB .innerRow th, .tableB .innerRow td {
border-bottom: none;
}

.tableB .innerRow + tr {
background-color: #eaeaea;
border-bottom: 1px solid #d2d2d2;
}

.tableB .innerRow + tr th {
border-left: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-top: none;
padding: 0;
text-align: right;
vertical-align: top;
height: auto;
}

.tableB .innerRow + tr th p {
box-sizing: border-box;
display: inline-block;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
width: 80%;
max-width: 90%;
padding: 12px 6px 12px 6px;
}

.tableB .innerRow + tr td {
background-color: #fff;
padding: 0;
vertical-align: top;
}

.tableB .innerRow + tr td p {
border-top: 1px solid #d2d2d2;
padding: 10px 6px 0 6px;
}

.tableB th, .tableB td {
border-right: 1px solid #d2d2d2;
text-align: right;
box-sizing: border-box;
height: 42px;
}

.tableB th {
font-size: 1.3rem;
text-align: left;
background-color: #eaeaea;
border-bottom: 1px solid #d2d2d2;
padding: 10px;
width: 45%;
}

.tableB td {
font-size: 1.6rem;
font-weight: 800;
line-height: 1.6;
padding: 10px 10px;
border-bottom: 1px solid #d2d2d2;
}

.tableB .smallText {
font-size: 1.0rem;
}

.tableB .small {
font-size: 1.3rem;
}

.tableC {
table-layout: fixed;
width: 100%;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
margin-top: 8px;
border-collapse: separate;
}

.tableC .innerRow th, .tableC .innerRow td {
border-bottom: none;
}

.tableC .innerRow + tr {
background-color: #eaeaea;
}

.tableC .innerRow + tr th {
padding: 0;
text-align: right;
vertical-align: top;
}

.tableC .innerRow + tr th p {
display: inline-block;
min-width: 66%;
text-align: center;
padding: 8px 10px;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}

.tableC .innerRow + tr td {
background-color: #fff;
padding: 0;
vertical-align: top;
}

.tableC .innerRow + tr td p {
padding: 5px 10px 0;
border-top: 1px solid #d2d2d2;
}

.tableC thead th {
line-height: 1.5;
background-color: #fff;
}

.tableC thead th .txtImpGreen, .tableC thead th .txtImpOrange, .tableC thead th .txtImpRed {
font-size: 1.8rem;
}

.tableC thead th .txtImpGreen {
color: #009f90;
}

.tableC thead th .txtImpOrange {
color: #ffa510;
}

.tableC thead th .txtImpRed {
color: #f34b30;
}

.tableC tbody th {
font-size: 1.3rem;
text-align: left;
padding: 6px 10px;
background-color: #eaeaea;
}

.tableC tbody td {
font-size: 1.6rem;
}

.tableC th, .tableC td {
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
text-align: right;
}

.tableC th .small, .tableC td .small {
vertical-align: baseline;
}

.tableC th {
font-size: 1.2rem;
text-align: center;
background-color: #f8f8f8;
padding: 6px 10px;
}

.tableC td {
font-size: 1.6rem;
font-weight: 800;
line-height: 1.6;
padding: 6px 10px;
}

.tableC .smallText {
font-size: 1.0rem;
}

.tableC .small {
font-size: 1.3rem;
}

.tableC .rate {
font-size: 1.4rem;
line-height: 1.4;
}

.container01 {
table-layout: fixed;
width: 100%;
display: table;
}

.colR, .colL {
position: relative;
display: table-cell;
}

.colL {
width: 12.5%;
vertical-align: top;
}

.colL .imgWrap {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
text-align: center;
}

.colL img {
height: 100%;
width: auto;
max-width: 34px;
}

.colR {
padding-left: 1%;
}

.colR > .tableC:first-child {
margin-top: 0;
}

/* floatingウインドウ */
#resultFloat {
background: #fff;
position: fixed;
top: -240px;
/*	padding-right: 10px;*/ /*koba*/ box-sizing: border-box;
padding: 0 10px;
width: 100%;
left: 0;
z-index: 99;
opacity: 0;
transition: all 300ms 0s;
box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
}

#resultFloat .receivTable {
margin-top: 5px;
}

#resultFloat .receivTable tbody tr.typeA td p {
padding: 5px 0;
}

#resultFloat .resultSpTable {
margin: 10px auto;
}

#resultFloat .resultSpTable th {
background-color: #eaeaea;
width: 50.333%;
padding: 5px 10px;
}

#resultFloat .resultSpTable td {
font-size: 1.3rem;
background-color: #f8f8f8;
padding: 5px 10px 5px 5px;
}

#resultFloat.show {
width: 100%;
top: 0;
opacity: 1;
}

.tableD {
table-layout: fixed;
width: 100%;
margin-top: 35px;
box-sizing: border-box;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}

.tableD th, .tableD td {
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 8px;
font-size: 1.4rem;
line-height: 1.6;
vertical-align: middle;
}

.tableD th {
background-color: #eaeaea;
font-weight: bold;
width: 9em;
}

.tableD td {
font-weight: normal;
}

/* 試算結果 直下 テーブル*/
.tableE {
table-layout: fixed;
width: 100%;
margin-top: 35px;
box-sizing: border-box;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}

.tableE th, .tableE td {
text-align: center;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
font-weight: bold;
vertical-align: middle;
}

.tableE th {
font-size:1.4rem;
background-color: #eaeaea;
padding:13px 8px;
}

.tableE td {
font-size:1.6rem;
padding:12px 8px;
}

/* form

=========================================*/
/* select */
form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #ffffff url(images/bg_select.png) right center no-repeat;
background-size: 28px auto;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #999999;
height: 30px;
padding-right: 30px;
font-size: 1.6rem;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 8px;
}

form select::-ms-expand {
display: none;
}

form option {
padding-left: 15px;
font-size: 1.6rem;
}

/* radio */
form [type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
position: absolute;
}

form [type="radio"] + label {
vertical-align: baseline;
position: relative;
padding-left: 28px;
cursor: pointer;
font-weight: bold;
}

form [type="radio"] + label::before, form [type="radio"] + label::after {
content: "";
display: block;
position: absolute;
border-radius: 50%;
margin: auto;
top: 0;
bottom: 0;
}

form [type="radio"] + label::before {
width: 16px;
height: 16px;
left: 0;
border: 1px solid #999999;
}

form [type="radio"]:checked + label::before {
border-style: none;
background-color: #0096ff;
}

form [type="radio"]:checked + label::after {
width: 6px;
height: 6px;
left: 5px;
background-color: #ffffff;
}

form [type="radio"]:focus + label {
outline: 1px dotted #333333;
}

.radioList01 {
list-style: none;
margin-left: 0;
padding-left: 0;
}

.radioList01::after {
content: "";
display: block;
clear: both;
}

.radioList01 li {
float: left;
}

.radioList01 li + li {
margin-left: 25px;
}

/* submit */
form [type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #fff;
font-size: 16px;
font-weight: 800;
white-space: pre-wrap;
width: 93.666%;
background-color: #EE742B;
border-style: none;
border-radius: 30px;
padding: 15px;
cursor: pointer;
box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
}

.submitBtn {
text-align: center;
margin-top: 15px;
margin-bottom: 30px;
}

/* form p */
.formLine {
font-size: 0;
text-align: center;
}

.formLine .line1 {
font-size: 1.4rem;
display: inline-block;
vertical-align: middle;
line-height: 1.4;
}

.formLine select {
margin: 0 15px;
}

/* box
=========================================*/
.boxtypeA {
border: 4px solid #d2d2d2;
background-color: #ffffd9;
padding: 10px 6px;
margin-top: 20px;
}

.boxtypeA select {
color: #e73708;
}
.boxtypeA .notice {
  font-size:1.4rem;
  line-height:1.5;
}
.tableWrap {
margin-top: 15px;
}




.receivRateTableHead {
background-color: #e2862b;
}

.receivRateTableHead .acordp {
font-weight: bold;
}

/* 2017 -> 2019 */
.resultTextBox {
  width: 290px;
  border:1px solid #ff4800;
  margin: 20px auto 0;
  position:relative;
  left:4px;
}

.resultTextBox .headH3E {
  position:absolute;
  background-color:#ffffff;
  padding:0 10px;
  margin:0 auto;
  width:7em;
  left:0;
  right:0;
  margin-top:-0.5em;
  text-align:center;
  color: #ff4800;
  font-size: 1.4rem;
  line-height: 1.2;
}
.resultTextBox p {
  font-size: 1.2rem;
  margin:15px 12px 8px;
}

/* resultBox */
.resultBox {
  clear: right;
  position: relative;
/*  width: 300px;*/
  max-width:480px;
  margin: 0 auto 0;
  padding-bottom:38px;
}

.resultBox div {
  display: table;
  border-width: 2px;
  border-radius: 5px;
  border-style: solid;
  background-color: #ffffff;
  position: absolute;
  box-sizing: border-box;
  height: 36px;
}

.resultBox div p {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 3px 5px;
  text-align: center;
  overflow-wrap: break-word;
}

.resultBox .baseImage {
  text-align: center;
  display:none;/* 消しておく */
}
/* 消しておく */
.resultBox .ind1,
.resultBox .ind2,
.resultBox .ind3,
.resultBox .ind4,
.resultBox .ind5,
.resultBox .ind6,
.resultBox .ind7,
.resultBox .ind8,
.resultBox .ind9,
.resultBox .ind10,
.resultBox .ind11,
.resultBox .ind12{
  display: none;
}

.resultBox .baseImage img {
  vertical-align: top;
  width:100%;
  height:auto;
}

.resultBox .ind7 {
  left: 35%;
  bottom: 0px;
  min-width: 44px;
/*  margin-left:-1.5em;*/
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.resultBox .ind8 {
  left: 71.1%;
  bottom: 0px;
  min-width: 100px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.resultBox .ind8 p{
  white-space:nowrap;
}

.resultBox .ind11,
.resultBox .ind12 {
  display:none;
  border-style:none;
  border-radius:0;
  bottom:calc(39px + 2.63%);
  padding:0;
  height:auto;
  line-height:0;
  font-size:40px;
}
.resultBox .ind11 {/* 9年 2.5倍 */
  left:35.5%;
  width:35%;
}
.resultBox .ind12 {
  right:0;
  width:28.5%;
}
.resultBox .ind11 p,
.resultBox .ind12 p{
  background-color:#ccc;
  display:block;
  font-size:2.5vw;/* multiple_not0 のとき */
  height:auto;
  min-height:3.2em;
  box-sizing:border-box;
  padding:0.46em 0;
  position:relative;
  margin:0 4px;
  line-height:1.1;
  white-space:nowrap;
/*  min-height:44px;*/
}
@media (min-width: 516px) {
  
  .resultBox .ind11 p,
  .resultBox .ind12 p{
    font-size:1.3rem;
  }
}
.resultBox .ind11 p .table{
  display:table-cell;
  text-align:center;
}
.resultBox .ind11 p .table + .table{
  width:auto;
  text-align:center;
}

.resultBox .ind11 span{
  font-size:inherit;
}
.resultBox .ind11 p::before,
.resultBox .ind11 p::after,
.resultBox .ind12 p::before,
.resultBox .ind12 p::after{
  content:"";
  display:block;
  position:absolute;
  width:0px;
  height:0px;
  top:0;
  bottom:0;
}
.resultBox .ind11 p::before,
.resultBox .ind12 p::before{
  border-top:1.6em solid rgba(204,204,204,0);
  border-bottom:1.6em solid rgba(204,204,204,0);;
  border-right:4px solid #ccc;
  border-left:0;
  left:-4px;
}
.resultBox .ind11 p::after,
.resultBox .ind12 p::after{
  border-top:1.6em solid rgba(204,204,204,0);;
  border-bottom:1.6em solid rgba(204,204,204,0);;
  border-left:4px solid #ccc;
  border-right:0;
  right:-4px;
}

.resultBox.multiple_not0 .ind11 p,
.resultBox.multiple_not0 .ind12 p{
/*  min-height:54px;*/
}
.resultBox.multiple_not0 .ind12 p{
  padding:1em 0;
}
.resultBox.multiple_not0 .ind11 p::before,
.resultBox.multiple_not0 .ind12 p::before{
  border-top:1.95em solid transparent;
  border-bottom:1.95em solid transparent;
}
.resultBox.multiple_not0 .ind11 p::after,
.resultBox.multiple_not0 .ind12 p::after{
  border-top:1.95em solid transparent;
  border-bottom:1.95em solid transparent;
}

/* yearついたら表示 */
.resultBox.year4 .ind7,
.resultBox.year4 .ind8,
.resultBox.year9 .ind7,
.resultBox.year9 .ind8{
  display:table;
}
.resultBox.year4 .ind11,
.resultBox.year9 .ind11{
  display:block;
}

/* 仕組み図  .baseImage */
.resultBox.multiple0.year4 .pat04,
.resultBox.multiple0.year9 .pat09,
.resultBox.multiple_not0.year4 .pat14,
.resultBox.multiple_not0.year9 .pat19{
  display:inline;
}


/* 0倍 */
.resultBox.multiple0.year9 .ind7 {
  left:33.1%;
}
.resultBox.multiple0 .ind8{
  right:0;
  left:auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.resultBox.multiple0.year4 .ind11{/* 0倍 4年 */
  width:64%;
  left:35%;
}
.resultBox.multiple0.year4 .ind11 p,
.resultBox.multiple0.year9 .ind11 p{/* 0倍 4年 */
font-size:2.2vw;
}

.resultBox.multiple0 .ind11{/* 0倍 9年 */
  width:62%;
  left:35%;
}
.resultBox.multiple_not0.year9 .ind11{/* 0倍 9年 */
  width:35.4%;
  left:35.5%;
}



.resultBox.multiple0 .ind11 p{
  font-size:2.6vw;/* multiple0 のとき */
  padding:0.42em 0;
  min-height:auto;
  min-height:initial;
}
@media (min-width: 516px) {
  .resultBox.multiple0.year4 .ind11 p,
  .resultBox.multiple0.year9 .ind11 p,
  .resultBox.multiple0 .ind11 p{
    font-size:1.2rem;
  }
}

.resultBox.multiple0 .ind11 p::before,
.resultBox.multiple0 .ind11 p::after{
  border-top:1em solid transparent;
  border-bottom:1em solid transparent;
}

.resultBox.multiple0 .ind11 p .table{
  display:inline;
}
.resultBox.multiple0 .ind11 p br,
.resultBox.multiple0 .ind11 p .colon{
  display:none;
}

/* 0倍以外 */
.resultBox.multiple_not0 .ind11 .tform{/* 2.5倍*/
  position:relative;
  top:0.5em;
}
.resultBox.multiple_not0 .ind12{
  display:block;
}
/* 0倍 2.5倍 5倍 出し分け */
.resultBox.multiple0 .txtMulti5on,
.resultBox.multiple_not0 .txtMulti5off{
  display:none;
}
.resultBox.multiple_not0 .txtMulti5on{
  display:inline;
  font-size:inherit;
}

.resultSpTable {
  table-layout: fixed;
  width: 100%;
  max-width:640px;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  margin:15px auto 0;
  z-index: 100;
}

.resultSpTable th,
.resultSpTable td {
  font-size: 1.3rem;
  text-align: left;
  font-weight:bold;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

.resultSpTable th {
  width: 45%;
  padding: 5px 6px;
  color: #333333;
  font-weight:bold;
  border-left: 1px solid #d2d2d2;
  background-color:#eaeaea;
}

.resultSpTable th img {
  vertical-align: middle;
}

.resultSpTable th span {
  display: table-cell;
  vertical-align: middle;
}

.resultSpTable th span.iconL {
  padding-right: 8px;
}

.resultSpTable th.colorG {
  background-color: #737373;
  color:#fff;
}

.resultSpTable th.colorV {
  background-color: #da798f;
  color:#fff;
}

.resultSpTable th.colorB1 {
  background-color: #92c0dd;
  color:#fff;
}
.resultSpTable th.colorG1 {
  background-color: #d9d9d9;
}
.resultSpTable th.colorO1 {
  background-color: #e57920;
  color:#fff;
}


.resultSpTable th.colorB {
  background-color: #84cace;
  color:#fff;
}

.resultSpTable th.colorY {
  background-color: #e2862b;
}

.resultSpTable th.colorY + td em {
  display: block;
  margin-left: 1em;
}

.resultSpTable td {
  border-top: 1px solid #d2d2d2;
  padding: 20px 10px 20px 5px;
  text-align:right;
}

.resultSpTable td em {
  font-size: 85%;
}
/* 矢印表示 */
.arrowResultSpTable{
  margin-top:5px;
  padding-top:35px;
  position:relative;
}
.arrowResultSpTable .resultSpTable{
  margin-top:0;
}
.arrowResultSpTable::before{
  content:"";
  display:block;
  position:absolute;
  margin:0 auto;
  top:0;
  left:0;
  right:0;
  box-sizing:content-box;
  width:120px;
  height:34px;
/*  background:transparent url(images/ora_sp.png) center top;*/
  background:transparent url(images/ora_sp_l.png) center top;
  background-size:140px 34px;
}
.arrowResultSpTable::after{
/*
  content:"";
  display:block;
  position:absolute;
  margin:0 auto;
  top:0;
  left:0;
  right:0;
  width:120px;
  height:18px;
  background-color:#d68937;
*/
}


/* 0倍 2.5倍 5倍 出し分け
=========================================*/
/* .boxMulti5on .boxMulti5off は（0倍）と（2.5倍 5倍）で排他的表示非表示
   .txtMulti5on .txtMulti5off は（0倍）と（2.5倍 5倍）で排他的表示非表示
--------------------
/* 0倍 */
.switchYmulti.multiple0 .txtMulti5on,
.switchYmulti.multiple0 .boxMulti5on{
display:none;
}
.switchYmulti.multiple0 .txtMulti5off{
display:inline;
}
.switchYmulti.multiple0 .boxMulti5off{
display:block;
}

/* 2.5倍 5倍 */
.switchYmulti.multiple_not0 .txtMulti5off,
.switchYmulti.multiple_not0 .boxMulti5off{
  display:none;
}
.switchYmulti.multiple_not0 .txtMulti5on{
display:inline;
}
.switchYmulti.multiple_not0 .boxMulti5on{
display:block;
}
.headH3A.switchYmulti.multiple_not0 .boxMulti5on{
  display:inline-block;
}
/* 9年 4年 出し分け
=========================================*/
/* .txtYear9on  9年のとき表示、4年の時非表示
   .txtYear9off 4年のとき表示、9年の時非表示
--------------------
/* 9年 */
.switchYmulti.year9 .txtYear9on{/*9年表示*/
display:inline;
}
.switchYmulti.year9 .txtYear9off{/*9年非表示*/
display:none;
}
/* 4年 */
.switchYmulti.year4 .txtYear9on{/*4年表示*/
display:none;
}
.switchYmulti.year4 .txtYear9off{/*4年非表示*/
display:inline;
}

/* 9年 4年 出し分け（テーブル）
=========================================*/
/* .txtYear9on  9年のとき表示、4年の時非表示
   .txtYear9off 4年のとき表示、9年の時非表示
--------------------
/* 9年 */
.receivRateTable .switchYmulti.year9 .txtYear9on{/*9年表示*/
  display:block;
  }
.receivRateTable .switchYmulti.year9 .txtYear9off{/*9年非表示*/
  display:none;
  }
  /* 4年 */
.receivRateTable .switchYmulti.year4 .txtYear9on{/*4年表示*/
  display:none;
  }
.receivRateTable .switchYmulti.year4 .txtYear9off{/*4年非表示*/
  display:block;
  }

.receivRateTable .switchYmulti.year9.multiple0 .txtYear9on,
.receivRateTable .switchYmulti.year4.multiple0 .txtYear9off,
.tabText.switchYmulti.multiple0
{
  display: none;
}
.receivRateTable tbody.switchYmulti.year9.multiple_not0 th p.switch.year9,
.receivRateTable tbody.switchYmulti.year4.multiple_not0 th p.switch.year4{
  top: 0.6em;
}
/* UL

=========================================*/
.linkListA {
padding: 0;
list-style: none;
margin: 45px 10px 0;
text-align: center;
}

.linkListA li img {
vertical-align: top;
max-width: 280px;
width: 100%;
height: auto;
}

/* aboutList */
.aboutList {
list-style: none;
margin: 20px 0 0;
padding: 0;
}

.aboutList li {
font-size: 1.0rem;
margin: 15px 0 0;
line-height: 1.5;
padding: 0;
}

.aboutList li:first-child {
margin-top: 0;
}

.aboutList li .Mark {
display: block;
float: left;
width: 2em;
}

.aboutList li .Detail {
display: block;
margin-left: 2em;
}

.aboutList li .subList {
list-style: none;
margin: 0;
padding: 0;
}

.aboutList li .subList li {
margin-top: 0;
padding-left: 1em;
text-indent: -1em;
}

.aboutList li .subList li::before {
content: "\0030fb";
display: inline-block;
width: 1em;
text-align: center;
}

/* .gotoPc {
padding: 0;
margin: 30px -10px -30px;
} */

.gotoPc li {
margin: 0;
padding: 0;
background-color: #009d85;
display: block;
text-align: center;
line-height: 1.3;
font-size: 1.6rem;
}

.gotoPc li::after {
content: "";
display: block;
background-color: #ffffff;
height: 1px;
margin: 0 10px;
}

.gotoPc a {
display: inline-block;
padding: 15px 16px 10px;
color: #ffffff;
vertical-align: middle;
}

.gotoPc a::after {
content: "";
display: inline-block;
margin-top: -4px;
width: 16px;
height: 12px;
background: transparent url(images/sprt.png) right no-repeat;
background-size: 16px 12px;
}

.listA {
padding: 4px 0 0;
}

.listA > .listA-item {
list-style: none;
text-indent: -1em;
padding-left: 1em;
font-size: 1.4rem;
line-height: 1.4;
}

.listB {
margin: 20px 10px 0;
}

.listB > .listB-item {
list-style: none;
text-indent: -1em;
padding-left: 1em;
font-size: 1.4rem;
line-height: 1.5;
}

.listB > .listB-item + .listB-item {
padding-top: 1em;
}

.listC {
margin: 20px 10px 0;
list-style: none;
padding:0 0 0 1.5em;
}
.listC > li{
  font-size: 1.4rem;
  line-height: 1.5;
}
.listC > li::after{
  content:"";
  display:block;
  clear:left;
}
.listC > li > .Mark{
  float:left;
}
.listC > li > .Detail{
  overflow:hidden;
  display:block;
}
/* listB の 中の listC*/
.listB .listC{
  list-style: none;
  margin:0;
  padding:0;
}
.listB .listC > li{
  padding-left:1em;
}
.listB .listC > li > .Detail{
  text-indent:0;
}


.ovcList {
margin: 15px 0 0;
padding: 0;
}

.ovcList > li {
list-style: none;
font-size: 1.2rem;
}

.ovcList > li + li {
margin-top: 5px;
}

.ovcList > li .Mark {
display: block;
float: left;
margin-right: 0.5em;
}

.ovcList > li .Detail {
overflow: hidden;
display: block;
}

.ovcList > li .Detail::afger {
content: "";
display: block;
clear: left;
}

.dotList{
  list-style:none;
  margin:0;
  padding:0;
}
.dotList > li{
  position:relative;
  font-size:1.4rem;
  padding-left:1em;
  line-height:1.5;
}
.dotList > li::before{
  position:absolute;
  content:"";
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background-color:#333;
  left:0.35em;
  top:0.55em;
}

/* accordion

----------------------------------------*/
.acordWrap {
margin-top: 15px;
}

.acordWrap .acordArea {
position: relative;
overflow-X: hidden;
display: none;
padding: 0;
}

.acordWrap .acordArea .tableWrap {
margin-top: 0;
}

.acordWrap .acordArea.accordionActive {
display: block;
}

.acordWrap .acordBtn {
position: relative;
font-size: 1.6rem;
text-align: center;
display: block;
padding: 8px 35px;
}

.acordWrap .acordBtn:link {
text-decoration: none;
}

.acordWrap .acordBtn:link, .acordWrap .acordBtn:hover, .acordWrap .acordBtn:visited {
color: #ffffff;
}

.acordWrap .acordBtn .opened {
display: none;
}

.acordWrap .acordBtn .closed {
display: inline;
}

.acordWrap .acordBtn::after {
content: "";
display: inline-block;
vertical-align: middle;
background: #FFF url(images/ico_acord.png) 0 -16px no-repeat;
background-size: 16px 32px;
vertical-align: -8%;
width: 16px;
height: 16px;
margin-left: 5px;
}

.acordWrap .acordBtn.accordionActive .opened {
display: inline;
}

.acordWrap .acordBtn.accordionActive .closed {
display: none;
}

.acordWrap .acordBtn.accordionActive::after {
background: #FFF url(images/ico_acord.png) 0 0 no-repeat;
background-size: 16px 32px;
}

/* 為替リスク部刁E*/
.acordWrap .acordBtn2 {
display: inline-block;
position: relative;
box-sizing: border-box;
padding: 2px 15px 2px 10px;
width: 100%;
}

.acordWrap .acordBtn2::after {
content: "";
display: block;
position: absolute;
background: transparent url(images/ico_acord2.png) 0 -7px no-repeat;
background-size: 10px 14px;
margin: auto;
width: 10px;
height: 7px;
top: 0;
bottom: 0;
right: 8px;
}

.acordWrap .acordBtn2.accordionActive::after {
background: transparent url(images/ico_acord2.png) 0 0 no-repeat;
background-size: 10px 14px;
}

.acordWrap .acordBtn3 {
display: inline-block;
position: relative;
}

.acordWrap .acordBtn3:after {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
top: 50%;
right: 1.5em;
border-left: 2px solid #00a2b2;
border-top: 2px solid #00a2b2;
transform: translateY(-50%) rotate(225deg);
-webkit-transform: translateY(-50%) rotate(225deg);
transition: all 300ms 0s ease;
-webkit-ttransition: all 300ms 0s ease;
}

.acordWrap .acordBtn3 span:before {
content: "\8868\793a\3059\308b";
display: inline-block;
font-size: 1.4rem;
font-weight: 800;
}

.acordWrap .acordBtn3.accordionActive:after {
transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg);
}

.acordWrap .acordBtn3.accordionActive span:before {
content: "\8868\793a\3057\306a\3044";
display: inline-block;
}

/* inline

=========================================*/
strong, .colorRed {
color: #ef742e;
}

.strong {
font-weight: bold;
}

span.icon {
margin-left: 3px;
margin-right: 3px;
}

.mag_switchable span.icon{
  vertical-align: top;
}

span.icon img {
vertical-align: -10%;
}

em {
font-style: normal;
}

.ml1em {
margin-left: 1em;
}

.large {
font-size: 125%;
vertical-align: baseline;
}

.small {
font-size: 65%;
vertical-align: baseline;
}

.medium {
font-size: 85%;
vertical-align: baseline;
}

span.caution {
text-decoration: underline;
}
.cautionBn {
  text-decoration:none;
  font-size:87.5%;
  font-weight:normal;
  display:inline-block;
}

/* paragraph

=========================================*/
.leadText {
margin: 20px 10px 0;
font-size: 1.4rem;
line-height: 1.5;
}

.dateYmd {
font-size: 1.6rem;
margin-top: 5px;
}

.dateYmd::after {
content: "";
display: block;
clear: both;
}

.dateYmd em {
float: left;
/* width: 5em; */
color: #333333;
}

.dateYmd em + em {
float: none;
display:block;
overflow: hidden;
color: #ef742e;
width: auto;
}

.dateYmd span {
color: #ef742e;
}

.referenceDate {
margin-top: 0;
font-size: 1.6rem;
}

.rateText {
font-size: 2rem;
font-weight: bold;
}

.rateText .notice {
color: #333;
padding-left: 2em;
}

.rateText .notice .kome {
color: #333;
}

.rateText span {
color: #e73708;
word-break: break-all;
}
.rateText .rate {
font-size:1.4rem;
}

.leadTextError {
font-size: 1.4rem;
margin: 40px auto 0;
width: 280px;
}

.leadTextError03 {
font-size: 1.4rem;
margin: 40px auto 0;
max-width: 370px;
}

.colorDef {
color: #333 !important;
}

.leadTextSmall {
margin: 25px auto 0;
max-width: 480px;
padding: 0 10px;
font-size: 1.4rem;
line-height: 1.5;
}

.leadTextSmall + .leadTextSmall {
margin-top: 0;
}

.nobr {
display: inline-block;
}

/* bannerArea

=========================================*/
.bannerArea.show {
display: block;
position: relative;
bottom: 0;
margin-top: 20px;
transition: all 300ms 0s ease;
}

#bannerArea, .bannerArea {
position: fixed;
bottom: -100px;
width: 100%;
height: auto;
background: #fff;
box-shadow: 0 -1px 5px rgba(150, 150, 150, 0.4);
z-index: 99;
display: none;
transition: all 300ms 0s ease;
}

#bannerArea.show, .bannerArea.show {
display: block;
}

#bannerArea.show.float, .bannerArea.show.float {
bottom: 0;
}

#bannerArea .bannerAreaImg02, .bannerArea .bannerAreaImg02 {
display: none;
}

#bannerArea.bannerAreaDetail + .banner, .bannerArea.bannerAreaDetail + .banner {
padding-bottom: 30%;
}

#bannerArea.bannerAreaDetail .bannerAreaImg01, .bannerArea.bannerAreaDetail .bannerAreaImg01 {
display: none;
}

#bannerArea.bannerAreaDetail .bannerAreaImg02, .bannerArea.bannerAreaDetail .bannerAreaImg02 {
display: inline-block;
}

#bannerArea.bannerAreaDetail ul, .bannerArea.bannerAreaDetail ul {
text-align: center;
padding: 10px;
box-sizing: border-box;
}

#bannerArea.bannerAreaDetail ul li, .bannerArea.bannerAreaDetail ul li {
vertical-align: top;
float: none;
margin: 0;
}

#bannerArea.bannerAreaDetail ul li:first-child, .bannerArea.bannerAreaDetail ul li:first-child {
width: 49%;
margin: 0 5px 0 0;
}

#bannerArea.bannerAreaDetail ul li:nth-child(2), .bannerArea.bannerAreaDetail ul li:nth-child(2) {
display: none;
}

#bannerArea.bannerAreaDetail ul li.telno, .bannerArea.bannerAreaDetail ul li.telno {
display: inline-block;
float: none;
width: 49%;
margin: 0;
}

#bannerArea.float, .bannerArea.float {
bottom: 0;
}

#bannerArea.float + .banner, .bannerArea.float + .banner {
padding-bottom: 30%;
}

#bannerArea.float .bannerAreaImg01, .bannerArea.float .bannerAreaImg01 {
display: none;
}

#bannerArea.float .bannerAreaImg02, .bannerArea.float .bannerAreaImg02 {
display: inline-block;
}

#bannerArea.float ul, .bannerArea.float ul {
text-align: center;
padding: 10px;
box-sizing: border-box;
}

#bannerArea.float ul li, .bannerArea.float ul li {
vertical-align: top;
float: none;
margin: 0;
}

#bannerArea.float ul li:first-child, .bannerArea.float ul li:first-child {
width: 49%;
margin: 0 5px 0 0;
}

#bannerArea.float ul li:nth-child(2), .bannerArea.float ul li:nth-child(2) {
display: none;
}

#bannerArea.float ul li.telno, .bannerArea.float ul li.telno {
display: inline-block;
float: none;
width: 49%;
margin: 0;
}

#bannerArea ul, .bannerArea ul {
width: 100%;
max-width: 480px;
margin: 5px auto;
list-style: none;
padding: 10px 0 0;
font-size: 0;
}

#bannerArea ul li, .bannerArea ul li {
display: inline-block;
width: 45%;
font-size: 1.4rem;
margin-left: 3.2%;
margin-top: 0px;
}

#bannerArea ul li.telno, .bannerArea ul li.telno {
margin: 20px auto 25px;
width: 74.218%;
display: block;
}

#bannerArea ul li img, .bannerArea ul li img {
width: 100%;
height: auto;
vertical-align: top;
}

/* kome */
.notice {
font-size: 1.2rem;
font-weight: 400;
padding-left: 1em;
margin-top: 10px;
}
.arrowResultSpTable .notice{
  margin-top:0;
  margin-bottom:10px;
}
.notice + .notice {
margin-top: 0;
}

.notice .kome:first-child {
display: inline-block;
width: 1em;
text-align: center;
margin-left: -1em;
}

.notice .tab-indent {
display: table-cell;
vertical-align: top;
white-space: nowrap;
}

.notice .tab-indent + .tab-indent {
white-space: normal;
padding-left: 0.5em;
}

/* leadNotice */
.leadNotice {
margin: 15px 40px 0;
font-size: 1.4rem;
padding-left: 1em;
margin-top: 10px;
line-height: 1.5;
}

.leadNotice .kome:first-child {
display: inline-block;
width: 1em;
text-align: center;
margin-left: -1em;
}

.tabText{
  font-size:1.2rem;
}
.tabText .mark{
  white-space:nowrap;
}
.tabText .mark.w3em{
  width:3em;
  text-align:right;
}
.tabText .mark,
.tabText .detail{
  display:table-cell;
  vertical-align:top;
}

/* BUTTON

----------------------------------------*/
.backgroundButton01 {
margin-top: 40px;
}

.buttonNormal {
width: 280px;
margin: 0 auto;
}

.buttonNormal a {
display: block;
width: 280px;
height: 46px;
background: url(images/btn_close_sp.png) 0 0 no-repeat;
background-size: 280px 44px;
overflow: hidden;
white-space: nowrap;
text-indent: -980px;
}

.buttonWrap {
padding-top: 20px;
}

.button {
display: inline-block;
font-size: 14px;
text-align: center;
width: 280px;
padding: 0;
margin: 0 auto;
box-sizing: border-box;
}

.button .buttonBorder {
padding: 2px 6px;
border: 1px solid #fff;
}

.button a {
display: inline-block;
padding: 6px 10px;
width: 100%;
box-sizing: border-box;
}

.button.buttonBlock {
display: block;
width: 100%;
}

.button.buttonCta a {
color: #fff;
background-color: #EE742B;
}

.button.buttonRound a {
border-radius: 30px;
}

.button.buttonBanner01, .button.buttonBanner02 {
width: 100%;
}

.button.buttonBanner01 a, .button.buttonBanner02 a {
font-size: 1.4rem;
font-weight: 800;
line-height: 1.2;
color: #fff;
text-decoration: none;
padding: 10px 16px 10px;
}

.button.buttonBanner01.buttonRound a, .button.buttonBanner02.buttonRound a {
border-radius: 40px;
}

.button.buttonBanner01 .small, .button.buttonBanner02 .small {
font-size: 1rem;
}

.button.buttonBanner01 a {
background-color: #f68722;
}

.button.buttonBanner02 a {
color: #fff;
background-color: #00a08e;
}

.button.buttonRound a {
border-radius: 30px;
}

.button.buttonHide a {
color: #0096FF;
background-color: #fff;
}

/* link */
.link {
color: #333;
text-decoration: underline;
}

.link:visited, .link:link {
color: #333;
}

/* movieWrap

----------------------------------------*/
.movieWrap img {
width: 100%;
height: auto;
}

.statusImage {
text-align: center;
}

.statusImage img {
vertical-align: top;
}

.caution {
font-size: 1.4rem;
}

.trademark {
margin-top: 30px;
font-weight: bold;
font-size: 1.3rem;
}

/*  */
.colorH {
border-color: #cccccc;
}

.reference {
text-align: center;
margin-left: -8px;
margin-right: -5px;
}

.text {
font-size: 1.2rem;
}

.cautionText {
margin: 20px 0 0;
padding-left: 25px;
background: transparent url(images/ico_caution_sp.png) 0 0 no-repeat;
background-size: 20px 16px;
font-size: 1.2rem;
}

/* h1 */
h1 {
text-align: center;
margin-top: 5px;
line-height: 1.2;
font-size: 1.6rem;
}

h1 img {
max-width: 327px;
width: 100%;
height: auto;
}

/* h2A simulation.html */
.headH2A {
border-left: 4px solid #4dbab4;
padding-left: 8px;
font-size: 2.2rem;
line-height: 1;
color: #4dbab4;
margin: 20px 0;
}

/* H2B start */
.headH2B {
margin-top: -10px;
text-align: center;
line-height: 1.4;
font-size: 1.8rem;
font-weight: bold;
}

/* H2C accord */
.headH2C {
margin: 0;
text-align: center;
line-height: 1.2;
font-size: 1.6rem;
padding: 10px 0;
background: transparent url(images/line.png) left bottom repeat-x;
background-size: 304px 1px;
color: #ffffff;
font-weight: bold;
}

/* 2019 H2C Temp accord */
.headH2Temp{
  margin:0;
  text-align: center;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: bold;
  padding:15px 0;
  border-bottom:1px solid #abd9d6;
  color:#ffffff;
  background-color:#47C2C8;
}

/* h3A simulation.html */
.headH3A {
font-size: 1.6rem;
line-height: 1.4;
color: #4dbab4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 8px;
padding-right: 8px;
margin: 40px 0 15px;
border-left: 4px solid #4dbab4;
border-top: 1px solid #4dbab4;
border-right: 1px solid #4dbab4;
border-bottom: 1px solid #4dbab4;
}

/* H3D start */
.headH3D {
color: #333;
font-size: 1.6rem;
font-weight: 800;
line-height: 1.2;
border-left: 2px solid #333;
padding-left: 8px;
margin: 20px 0 16px;
}

.headH3D .txtImp {
color: #EE742B;
}
.headH3F {
color: #333;
font-size: 1.6rem;
font-weight: normal;
line-height: 1.2;
margin: 0 auto;
max-width:480px;
width:100%;
}

/* H3D start */
.headH4D {
color: #333;
font-size: 1.6rem;
font-weight: 800;
line-height: 1.2;
margin: 20px 0 16px;
}

/* H4A start */
.headH4A {
color: #4dbab4;
font-size: 1.4rem;
line-height: 1.2;
margin: 20px 0 15px;
}

/* H2D about */
.headH2D {
line-height: 1.2;
font-size: 1.4rem;
color: #5287c3;
margin-top: 25px;
}

.headH2D:first-child {
margin-top: 35px;
}

/* block

=========================================*/
.block2B {
margin-top: 15px;
}

.block2B.colorGray .blockL {
text-align: center;
background-color: #5a5a5a;
padding: 12px 10px 12px;
}

.block2B.colorGray .blockL .buttonWrap {
padding-top: 15px;
}

.block2B.colorGreen .blockL {
text-align: center;
background-color: #47c2c8;
padding: 12px 10px 12px;
margin-bottom:0;
}

.block2B.colorGreen .blockL .buttonWrap {
padding-top: 15px;
}

.block2B .blockL {
background: #c09ccf center bottom no-repeat;
background-size: 100% 14px;
padding: 12px 10px 26px;
font-size: 1.4rem;
color: #ffffff;
position: relative;
margin-bottom: 5px;
}

.block2B .blockL p {
padding: 0 20px;
}

.block2B .blockL p.button {
padding: 0;
}

.block2B .blockR {
margin-top: 16px;
background-color: #f8f8f8;
border: 1px solid #d2d2d2;
}

.block2B .blockR p {
font-size: 1.6rem;
text-align: center;
padding: 15px 5px;
}

.block2B .blockR span {
/*color: #cc0000;*/
}

/* オレンジ */
.block2B.colorO {
padding-bottom: 25px;
}

.block2B.colorO .blockL {
background: #47C2C8 url(images/orange_sp.png) center bottom no-repeat;
background-size: 100% 14px;
}

.block2B.colorO .blockL p {
text-align: center;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.4;
}

.block2B.colorO .blockL p em {
}

.block2B.colorO .blockR {
padding: 15px 5px;
margin-top: 0;
position: relative;
}

.block2B.colorO .blockR p {
padding: 0;
font-weight: bold;
}
.block2B.colorO .blockR p .exSmall{
  font-size:1.4rem;
}

.block2B.colorO .blockR p.notice {
font-size: 1.2rem;
margin-top: 5px;
font-weight: normal;
}

.block2B.colorO .blockR span {
color: #333333;
}



/* グレー */
.block2B.colorG .blockL {
background: #f8f8f8 none center bottom no-repeat;
background-size: 100% 14px;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
padding: 8px 10px;
position: relative;
margin-bottom: 0;
}

.block2B.colorG .blockL::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 14px;
background: transparent url(images/gray_sp.png) 0 0 no-repeat;
background-size: 100% 14px;
left: 0;
bottom: -14px;
}

.block2B.colorG .blockL p {
color: #333333;
font-weight: bold;
}

.block2B.colorG .blockR {
margin-top: 20px;
}

.block2B.colorG .blockR p {
font-weight: bold;
}

/* block2C 560:480

-----------------------------------------*/
.block2C {
margin: 15px 10px 0;
}

.block2C .blockL p, .block2C .blockR p {
font-size: 1.4rem;
}

.block2C .blockL {
margin-top: 10px;
}

.block2C .blockR {
margin: 0 auto;
}

/* block2E */
.block2E {
margin-top: 15px;
border: 1px solid #d2d2d2;
padding: 8px 2px;
display: table;
}

.block2E .blockL, .block2E .blockR {
display: table-cell;
vertical-align: middle;
}

.block2E .blockL a {
text-decoration: underline;
}

.block2E .blockL .icon {
margin-left: 0;
margin-right: 5px;
}

.block2E .blockL p {
font-size: 14px;
}

.block2E .blockL p a {
padding: 5px 10px 5px;
}

.block2E .blockL p a span.icon img {
vertical-align: -10%;
}

.block2E .blockR {
padding: 0 4px;
}

.block2E .blockR p {
line-height: 1.4;
}

.icn_blank {
vertical-align: middle;
margin: 0 0 0 8px;
}
/* 2019 Type2 XXXXXXXX-2
------------------------------*/
/* table L R */
.tableTp2L,
.tableTp2R{
  table-layout:fixed;
  border-bottom:1px solid #d2d2d2;
  border-right:1px solid #d2d2d2;
  border-collapse:separate;
  width:100%;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  max-width:640px;
}
.tableTp2L{
  margin:0 auto;
}
.tableTp2R{
  margin:5px auto;
}
.tableTp2L th,
.tableTp2R th{
  color:#fff;
  font-size:1.6rem;
  line-height:1.5;
  padding:5px 6px;
  font-weight:bold;
  border-top:1px solid #d2d2d2;
  border-left:1px solid #d2d2d2;
  text-align:left;
  vertical-align:middle;
  width:45%;
}
.tableTp2R th{
background-color:#e57920;
}
.tableTp2L th > .iconL,
.tableTp2R th > .iconL{
  display:table-cell;
  padding-right:8px;
  vertical-align:middle;
}
.tableTp2L th > .iconL + span,
.tableTp2R th > .iconL + span{
  display:table-cell;
}
.tableTp2R th .iconM{
  padding-left: 4px;
  padding-right: 4px;
}
.tableTp2R th img{
  vertical-align:middle;
}
.tableTp2L td,
.tableTp2R td{
  border-collapse:separate;
  border-top:1px solid #d2d2d2;
  padding:20px 10px 20px 5px;
  text-align:right;
  line-height:1.5;
  font-size:1.3rem;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  font-weight:bold;
}

.tableTp2L th{
  background-color:#e79638;
  height:3em;
}


.tableTp2L td .decimal,
.tableTp2R td .decimal{
}
/* innerCell対応 */
.tableTp2R{
  height:100%;
}
.tableTp2R .innerRow + tr th{
  padding:0 0 0 12px;
  border-top-style:none;
  vertical-align:top;
  height:100%;
}
.tableTp2R .innerRow + tr th .innerCell{
  border-left:1px solid #d2d2d2;
  border-top:1px solid #d2d2d2;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-left:28%;
  height:100%;
}
.tableTp2R .innerRow + tr th .innerCell p{
  position:relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:auto;
  text-align:center;
}

/* table A */
.tableTp2A{
  table-layout:fixed;
  border-right:1px solid #d2d2d2;
  border-bottom:1px solid #d2d2d2;
  border-collapse:separate;
  width:100%;
  height:100%;
  max-width:640px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.tableTp2A th,
.tableTp2A td{
  font-weight:bold;
}
.tableTp2A th .notice,
.tableTp2A td .notice{
  padding:0;
}
.tableTp2A th{
  width:45%;
  padding:5px 6px;
  background-color:#e57920;;
  border-left:1px solid #d2d2d2;
  border-top:1px solid #d2d2d2;
  color:#fff;
  text-align:left;
  font-weight:bold;
  font-size:1.2rem;
}
.tableTp2A th .notice{
  font-weight:bold;
}

.tableTp2A th .iconL{
  padding-right: 8px;
}
.tableTp2A th .iconM{
  padding-left: 4px;
  padding-right: 4px;
}
.tableTp2A th img{
  vertical-align:middle;
}

.tableTp2A td{
  padding:20px 10px 20px 5px;
  border-top:1px solid #d2d2d2;
  font-size:1.3rem;
  text-align:right;
}
/* innerCell対応 */
.tableTp2A .innerRow + tr th{
  padding:0 0 0 12px;
  border-top-style:none;
  vertical-align:top;
  height:100%;
}
.tableTp2A .innerRow + tr th .innerCell{
  border-left:1px solid #d2d2d2;
  border-top:1px solid #d2d2d2;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-left:28%;
  height:100%;
}
.tableTp2A .innerRow + tr th p{
  position:relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:auto;
  text-align:center;
}
/* boxtypeB */
.boxtypeB {
margin-top: 15px;
background-color:#f8f8f8;
border:1px solid #d2d2d2;
padding:10px 10px;
}
.boxtypeB p{
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
  line-height:1.4;
}
.boxtypeB p .decimal{
  /* font-size:75%; */
}

/* .demo {
#resultFloat {
top: 0;
opacity: 1;
} } */
.u-txt-r {
text-align: right;
}

.u-mt-05 {
margin-top: 5px !important;
}

.u-mt-50 {
margin-top: 50px !important;
}

.u-mt-15 {
margin-top: 15px !important;
}

.u-p-0 {
padding: 0 !important;
}

.u-pt-0 {
padding-top: 0 !important;
}

.u-pt-2 {
padding-top: 20px !important;
}

.txtR {
text-align: right;
}

.bgGray {
background-color: gray;
}

.none {
display: none;
}

@media screen and (max-width: 77.5rem) and (max-width: 36.32813rem) {
.u-scalable-1 {
font-size: 1.875rem;
} }

@media screen and (min-width: 77.5rem) and (min-width: 36.32813rem), screen and (max-width: 77.5rem) and (min-width: 36.32813rem) {
.u-scalable-1 {
font-size: 5.16129vw;
} }

@media screen and (min-width: 77.5rem) and (min-width: 121.09375rem) {
.u-scalable-1 {
font-size: 6.25rem;
} }

@media screen and (max-width: 77.5rem) {
.u-scalable-2 {
font-size: 3rem;
} }

@media screen and (min-width: 77.5rem) and (max-width: 96.875rem) {
.u-scalable-2 {
font-size: 3.87097vw;
} }

@media screen and (min-width: 77.5rem) and (min-width: 96.875rem) {
.u-scalable-2 {
font-size: 3.75rem;
} }

@media screen and (min-width: 77.5rem) {
.u-scalable-3 {
font-size: 3rem;
} .u-scalable-4 {
font-size: 1.375rem;
} }

@media screen and (max-width: 77.5rem) and (min-width: 29.0625rem) {
.u-scalable-3 {
font-size: 3.87097vw;
} }

@media screen and (max-width: 77.5rem) and (max-width: 29.0625rem) {
.u-scalable-3 {
font-size: 1.125rem;
} }

@media screen and (max-width: 77.5rem) and (min-width: 56.36364rem) {
.u-scalable-4 {
font-size: 1.77419vw;
} }

@media screen and (max-width: 77.5rem) and (max-width: 56.36364rem) {
.u-scalable-4 {
font-size: 1rem;
} }

@media print {
*, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line {
text-shadow: none !important;
box-shadow: none !important;
}
  a, a:visited {
text-decoration: underline;
}
  abbr[title]::after {
content: " (" attr(title) ")";
}
  pre {
white-space: pre-wrap !important;
}
  pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
  thead {
display: table-header-group;
}
  tr, img {
page-break-inside: avoid;
}
  p, h2, h3 {
orphans: 3;
widows: 3;
}
  h2, h3 {
page-break-after: avoid;
} }

@media screen and (orientation: landscape) {
#resultFloat {
width: 100%;
} }

@media (min-width: 576px) {
.tableA03 td, .tableA03 th, .tableA04 td, .tableA04 th, .tableA06 td, .tableA06 th {
width: 40%;
} .tableA03 {
width: 100%;
} .tableA03 thead th.tableCell03 {
width: 25.9%;
} .tableA03 thead th.tableCell04, .tableA03 thead th.tableCell05 {
width: 27.6%;
} .tableA03 thead th.tableCell06 {
width: 22.4%;
} .tableA04 thead th.tableCell02, .tableA04 thead th.tableCell03 {
width: 50%;
} }

.relativeBox{
  position:relative;
}
.relativeBox .headH3F{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:10px;
}

/* 2019/09/18 Naito */
#rate_area span[id^="o_estimatedrate"] {
  display: none;
}
#rate_area span[id^="o_estimatedrate"].done {
  display: inline;
}
#rate_area .medium.colorDef:before{
  content: '-';
}
#rate_area span.done ~ .medium.colorDef:before{
  content: '';
}
#rate_area span.done ~ .medium.colorDef:after{
  content: '%';
}
.error{
  color: #e73708;
  font-size: 1.6em;
  margin-bottom: 1em;
}
form [type="button"]:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.tableTp2R .innerRow.switchable.none + tr th .innerCell{
  margin-left: 0;
  border: none;
}
.tableTp2R .innerRow.switchable.none + tr th{
  padding: 0 6px;
  border-top: 1px solid #d2d2d2;
}
.tableTp2R .innerRow.switchable.none + tr th .innerCell p{
  text-align: left;
  padding-left: 25px;
}
.tableTp2L tr:nth-of-type(2) th .text{
  padding-left: 25px;
}
.tableA05 .inner_table tbody td{
  font-size: 1.1rem;
}
.inner_table{
  border-top: solid 1px #d2d2d2;
  margin-top: 1em;
}
.inner_table th{
  font-size: 1.1rem;
  background-color: #f8f8f8;
  border-left: solid 1px #d2d2d2;
  text-align: left;
  font-weight: normal;
}
.inner_table td{
  border-left: solid 1px #d2d2d2;
}
.tableA05 .inner_table caption
{
  border: none;
  font-size: 1.1rem;
  padding-left: 0;
  text-align: left;
}
select{
	color: #333;
}