img {
height:auto;
}

html {
text-align:center;
}

body {
padding:0 3%;
text-align:center;
max-width:800px;
margin:0 auto;
font-family:sans-serif;
color:#333333;
}

#intro {
width:100%;
padding:5px 0 0 0;
margin:0 auto 5px auto;
border-top:solid 2px #3b137e;
text-align:left;
}

#intro img {
float:left;
margin-right:0;
margin-bottom:5px;
display:block;
}

#intro p {
clear:left;
width:100%;
padding:0;
margin:0 0 5px;
font-size:0.8rem;
letter-spacing:0.03em;
line-height:1.333;
}

#header {
width:100%;
height:auto;
margin:0 auto 20px auto;
}

#header:after {
content:"";
display:block;
clear:both;
height:0;
}

#header h1 {
padding:0;
margin:0 0 10px;
width:100%;
float:left;
text-align:center;
}

#header h1 img {
width:70%;
max-width:332px;
height:auto;
}

#header h2 {
padding:0;
margin:0 0 10px 0;
width:100%;
height:auto;
background:none;
float:left;
font-size:1.2em;
font-size:1.2rem;
text-indent:0;
text-align:center;
}

#header p {
width:100%;
padding:0;
margin:0;
float:left;
text-align:center;
display:none;
}

.insert {
float:right;
margin:0 0 1em 1.5em;
}

.section .insert {
width:30% !important;
height:auto;
}

.insert2 {
float:right;
margin:0 0 1em 1.5em;
padding:0;
border:solid 1px #dddddd;
}

.section .insert2 {
width:50%;
height:auto;
}

.section {
width:100%;
margin:0 auto 20px auto;
text-align:left;
}

.section h2 {
padding:0px 0 0px 10px;
margin:0 0 15px 0;
text-align:left;
font-size:1.1rem;
font-weight:700;
border-left:solid 3px #3b137e;
}

.section p {
padding:0;
margin:0 0 10px 0;
font-size:0.9rem;
line-height:1.5;
}

.section dl {
text-align:left;
padding:0;
margin:0 0 15px 0;
line-height:1.5;
}

.section dt {
padding:12px;
margin:0;
font-size:1rem;
font-weight:700;
border:solid 1px #c0c0c0;
background:#eeeeee;
color:#3b137e;
}

.section dd {
padding:12px;
margin:0;
font-size:0.9rem;
border:solid 1px #c0c0c0;
border-top:none;
}

.ETCBOX {
width:100%;
margin:0 auto 20px auto;
}

.ETCBOX:after {
content:"";
display:block;
clear:both;
height:0;
}

.etcbox {
width:100%;

background:url(https://res.cloudinary.com/dpekce3th/image/upload/q_auto/v1575428451/etc/etc1/image/etcbox-frame-body_vppvyy.png) center top repeat-y;
background-size:contain;
margin:0 auto 20px auto;
}

.etcbox h2 {
padding:0;
margin:0;
}

.etcbox h2 img {
width:100%;
height:auto;
}

.etcbox p {
padding:0 10px 20px 10px;
margin:0;
text-align:left;
font-size:0.9rem;
line-height:1.31;
}

.etcbox h3 {
padding:0 0 10px 0;
margin:0;
text-align:center;
font-size:1.1em;
font-size:1.1rem;
font-weight:400;
}

.etcbox div {
padding:0 10px 10px 10px;
}

.etcbox table {
width:100%;
text-align:left;
}

.etcbox table span {
color:#ee0000;
font-weight:700;
}

.etcbox th,
.etcbox td {
text-align:left;
font-size:0.8em;
font-size:0.8rem;
padding:5px 0 3px 0;
border-bottom:solid 1px #dddddd;
line-height:1.5;
}

.etcbox th {
padding-right:15px;
}

.etcbox h4 {
padding:0 19px 10px;
margin:0;
text-align:center;
}

.etcbox h4 img {
max-width:80%;
height:auto;
vertical-align:bottom;
}

.etcbox h5 {
padding:0;
margin:0;
width:100%;
height:5px;
background:url(https://res.cloudinary.com/dpekce3th/image/upload/q_auto/v1575428451/etc/etc1/image/etcbox-frame-bottom_e6rjtr.png) center bottom no-repeat;
background-size:cover;
text-indent:-5000px;
font-size:1px;
}

#COPY {
width:100%;
padding:0;
margin:0 auto;
}

#COPY p {
padding:0;
margin:0 0 20px 0;
width:100%;
font-size:0.8em;
font-size:0.8rem;
font-family:arial,sans-serif;
color:#333333;
}

#COPY ul {
padding:10px;
background:#f5f5f5;
margin:0 auto;
width:auto;
text-align:center;
list-style:none;
}

#COPY li {
display:block;
margin:0;
font-size:0.8rem;
}

#ETC-QA {
width:100%;
margin:0 auto 30px auto;
padding:0;
text-align:left;
font-size:1.0em;
font-size:1.0rem;
list-style-position:inside;
}

#ETC-QA li {
line-height:1.2;
margin-bottom:15px;
}

.continue,
.continue1 {
margin-bottom:20px !important;
}

.NAVI {
width:100%;
margin:0 auto 30px auto;
padding:15px 0;
text-align:center;
font-size:0.9rem;
list-style:none;
}

.NAVI:after {
content:"";
display:block;
clear:both;
height:0;
}

.NAVI li {
display:block;
margin:0;
padding:0;
}


.PANKUZU {
width:100%;
padding:0;
margin:0 auto 20px auto;
text-align:left;
}

.PANKUZU li {
display:inline;
margin-right:10px;
}

.PANKUZU-LIST:after {
content:">";
}

#ETC-OL {
width:100%;
margin:0 auto 20px auto;
padding:0;
text-align:left;
font-size:0.9rem;
list-style-position:inside;
}

#ETC-OL li {
margin-bottom:15px;
line-height:1.2;
}

.last {
margin-bottom:30px !important;
}

.comparison {

margin:0 auto 10px auto;
}

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.comparison table {
width:100%;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}

.comparison th,
.comparison td {
border-left:solid 1px #cccccc;
border-top:solid 1px #cccccc;
padding:10px;
line-height:1.55;
}

.comparison th {

}

.comparison td {
width:20%;
}

.comparison-small td {
font-size:80%;
}

.comparison small {
display:block;
font-size:12px;
color:#999999;
}

.remarks {
width:94%;
padding:2%;
border:solid 1px #dddddd;
margin:0 auto 20px auto;
text-align:left;
font-size:80%;
color:#333333;
line-height:1.39;
}

.etc-card-copyright {
font-size:0.7rem;
}

.requestBtn {
  display:block;
  padding:15px 20px;
  background: #ff7f27; /* 鮮やかなオレンジ */
  color:#fff;
  font-size:clamp(16px,6vw,22px);
  font-weight:700;
  border-radius:15px;
  text-decoration:none;
  border:solid 2px #e26b1d;
  margin-bottom:5px;
  transition:all .3s ease;
  box-shadow: 0 4px 12px rgba(255,127,39,0.3);
}

.requestBtn:active {
  background:#ff932f;
  transform: scale(0.98);
  box-shadow: 0 2px 6px rgba(255,127,39,0.4);
}