@charset "utf-8";
/* CSS Document (agreement, agreement2) */
body.logo.agreement ul.subpagenavi.w20 li:nth-child(4){ background-color: #f2f2f2;}
body.logo.agreement2 ul.subpagenavi.w20 li:nth-child(5){ background-color: #f2f2f2;}
.terms_service_area{border: 1px solid #505050; border-radius: 5px; padding: 1em;}
.terms_service_area .terms_service_box { width:100%; overflow: hidden; overflow-y: auto; height: 34em; padding-right: .75em;}
.terms_service_area .terms_service_box p.copy{ margin-top: 1em; line-height: 1.75;font-size: clamp(10px, 2.86vw, 22px);}
.terms_service_area .terms_service_box p:nth-of-type(1){ margin-top: .25em;}
.terms_service_area .terms_service_box p.copy b.ttl{display: block;}
div.agree_check{ background-color: #ffffbc; padding: 1em; display: flex; align-items: center; margin-top: 1em;}
div.agree_check input{ margin-right: .5em;}
div.agree_check label{ display: flex; align-items: center; cursor: pointer; font-size: clamp(10px, 3.65vw, 28px);}
.steaker_link.btn_aftericon{ margin: 1.5em auto 0 auto;}
.agree2note{font-size: clamp(10px, 3.65vw, 28px); margin-top: 2em;}

a.steaker_link.btn_aftericon:hover span{ opacity: 1; transition: all .5s;}

:lang(x)::-moz-placeholder, .terms_service_area .terms_service_box {/* firefox only */
  scrollbar-width: thin; scrollbar-color: #ddd #f3f3f3;
}
.terms_service_area .terms_service_box::-webkit-scrollbar { width: 7.5px; height: 7.5px;} 
.terms_service_area .terms_service_box::-webkit-scrollbar-track { background: #f3f3f3;}/*#04b7a6*/
.terms_service_area .terms_service_box::-webkit-scrollbar-thumb { background: #ddd;}/**/

/* max-width:769;768made ----------------------------------------------------------------------------------------*/
@media (min-width: 769px) { 
.terms_service_area .terms_service_box { height: 51em;}
.terms_service_area .terms_service_box p.copy{ font-size: 14px;}
div.agree_check{ margin-top: 0;}
div.agree_check label{ font-size: 14px;}
.steaker_link.btn_aftericon{ margin: 3% auto 0 auto;}
a.steaker_link.btn_aftericon:hover span{ opacity: 0.5; transition: all .5s;}
.agree2note{font-size: 14px; text-align: center; margin-top: 3em;}
}
@media (min-width: 1200px) {   
}
@media print {
   .terms_service_area .terms_service_box {height: auto;} 
}