@charset "UTF-8";
  .con_article .inner,
#contents .main .section_block,
#message .main .box_message {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_article .inner,
#contents .main .section_block,
#message .main .box_message {
width: 95%;
}
}
.con_article .inner ul.list_article:after,
.con_article .inner ul.list_article li:after,
#message .main .section_intro:after,
#board .section_managerment:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}   .con_article .inner {
margin-bottom: 4%;
overflow: hidden;
}
.con_article .inner .contents_title {
padding-top: 3em;
margin-bottom: 4.6em;
font-size: 185%;
font-weight: bold;
color: #177fb8;
}
.con_article .inner .contents_lead {
margin-bottom: 2em;
}
.con_article .inner .opt_area {
margin-bottom: 5em;
}
.con_article .inner .opt_area .opt_txt {
padding-top: 1.5em;
}
.con_article .inner .block {
padding-bottom: 0.9em;
}
.con_article .inner .block h3 {
margin-bottom: 1.2em;
font-size: 124%;
font-weight: bold;
line-height: 1.4;
color: #177fb8;
}
.con_article .inner .block .detail {
margin-bottom: 1.2em;
}
.con_article .inner .block dl {
line-height: 1.8;
word-wrap: break-word;
}
.con_article .inner .block dl dd {
margin-bottom: 1em;
text-indent: 1.5em;
} .optout_table {
margin: 40px 0;
}
table.optout-design {
width: 100%;
max-width: 1000px;
margin: 20px auto;
border-collapse: collapse;
table-layout: fixed;
border-top: 1px solid #ddd; }
.optout-design th,
.optout-design td {
border-bottom: 1px solid #ddd;
padding: 12px;
text-align: left;
}
.optout-design th {
font-size: 18px;
font-weight: bold;
width: 60%;
text-align: left;
}
.optout-design td {
width: 20%;
text-align: right;
}
.optout-design td a.button {
display: inline-block;
white-space: nowrap;
min-width: 150px;
}
a.button {
display: inline-block;
padding: 8px 15px;
border-radius: 20px;
background-color: #2a579a;
color: #fff;
text-decoration: none;
font-size: 14px;
text-align: center;
transition: background 0.3s, color 0.3s;
white-space: nowrap;
min-width: 150px;
box-sizing: border-box;
}
a.button:hover {
background-color: #ccc;
color: #333;
}
body a.button:link,
body a.button:visited,
body a.button:active {
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.optout-design th {
width: 45%; }
.optout-design td {
width: 27.5%; }
}
@media screen and (max-width: 768px) {
.optout-design tr {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 15px;
border-bottom: none;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.optout-design th,
.optout-design td {
border-bottom: none;
width: 100%;
text-align: center;
}
.optout-design td a.button {
display: block;
width: calc(100% - 60px);
margin: 5px auto;
}
}