@media only screen and (min-width: 768px) { .accordion.sp_only { font-weight: bold; }
  .accordion.sp_only + * { display: block !important; } }
@media print { .accordion.sp_only { font-weight: bold; }
  .accordion.sp_only + * { display: block !important; } }
.ie8 .accordion.sp_only { font-weight: bold; }
.ie8 .accordion.sp_only + * { display: block !important; }
@media only screen and (max-width: 767px) { .accordion.sp_only { padding: 10px; cursor: pointer; position: relative; font-size: 150%; } }
@media only screen and (max-width: 767px) and (max-width: 767px) { .accordion.sp_only { padding: 0.8em 2.4em 0.8em 0.8em; } }
@media only screen and (max-width: 767px) { .accordion.sp_only:after { content: ''; position: absolute; right: 1em; top: 50%; margin-top: -7px; border: 10px solid transparent; border-top: solid 15px #ddd; border-bottom-width: 0; z-index: 100; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease; }
  .accordion.sp_only.active:after { -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
  .accordion.sp_only + * { display: none; } }

.con_agreement { margin-bottom: 1em; }
@media only screen and (max-width: 767px) { .con_agreement { margin-bottom: 3em; } }
.con_agreement .txt_int { margin-bottom: 3em; }
@media only screen and (max-width: 767px) { .con_agreement .txt_int { margin-bottom: 1em; } }
.con_agreement .box_agreement { margin-bottom: 1.5em; }
@media only screen and (max-width: 767px) { .con_agreement .box_agreement { margin-bottom: 1em; border-bottom: none; } }
.con_agreement .box_agreement h3 { margin-bottom: 0.8em; font-size: 126%; background: #403c38; letter-spacing: 0.2em; color: #fff; display: inline-block; padding: .5em; font-weight: normal; }
@media only screen and (max-width: 767px) { .con_agreement .box_agreement h3 { border: #e6e6e6 1px solid; display: block; padding: .7em 3em .5em .5em; font-size: 109%; } }
@media only screen and (max-width: 767px) { .con_agreement .box_agreement .inner { line-height: 1.6; } }
.con_agreement .box_agreement .txt { margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_agreement .box_agreement .txt { margin-bottom: 1em; } }
.con_agreement .box_agreement .txt p { margin-bottom: 1em; }
.con_agreement .box_agreement dl { margin-bottom: 1em; }
.con_agreement .box_agreement ul { margin-bottom: 1em; }
.con_agreement .box_agreement ul li { padding-left: 2.3em; text-indent: -2.3em; }
.con_agreement .box_agreement ul li .txt_inner { margin-bottom: 0; }
.con_agreement .box_agreement ul li .inner_list { padding: 0; text-indent: 2em; }
.con_agreement .box_agreement ul li .inner_list li { padding: 0; }
.con_agreement .box_agreement h4 { margin-top: 1.5em; font-size: 134%; }
@media only screen and (max-width: 767px) { .con_agreement .box_agreement h4 { font-size: 126%; } }
.con_agreement .box_agreement table { margin-bottom: 1em; }
@media only screen and (max-width: 1199px) { .con_agreement .box_agreement table { width: 100%; overflow: auto; margin: 1em 0 1em; display: block; text-align: left; overflow-x: scroll; white-space: nowrap; }
  .con_agreement .box_agreement table th, .con_agreement .box_agreement table td { display: table-cell; } }
@media only screen and (min-width: 768px) { .con_agreement .box_agreement table th { width: auto; } }
@media print { .con_agreement .box_agreement table th { width: auto; } }
.ie8 .con_agreement .box_agreement table th { width: auto; }
.con_agreement .box_agreement table td { padding: 0.5em 0.75em; border-right: 1px solid #e0e0e0; }
