@charset "UTF-8";
/*--------------#main_image--------------*/
#terms-1.fixed #content { margin-top: 170px; }
#terms-1 header { margin-bottom: 0; padding-bottom: 8px; }
#terms-1 #main_image { background: url(../../img/common/bg_texture.png) no-repeat; width: 100%; height: 340px; background-size: cover; background-position: center; padding-top: 120px; box-sizing: border-box; margin-bottom: 95px; }
#terms-1 #main_image h1 {text-align: center;font-size: 38px;color: #003461;opacity: 1;transform: inherit;transition: inherit;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;font-weight: bold;line-height: 1.6;}
#terms-1 #main_image h1 span { display: block; color: #003461; font-size: 18px; font-weight: bold; margin-top: 10px; }
/*max-width:1130px*/
@media screen and (max-width:1130px) {
#content { margin-top: 100px; }
#terms-1.fixed #content { margin-top: 100px; }
}
/*max-width:720px*/
@media screen and (max-width:720px) {
#content { margin-top: 55px; }
#terms-1.fixed #content { margin-top: 55px; }
}
/*max-width:500px*/
@media screen and (max-width:500px) {
#terms-1 #main_image { height: 233px; padding-top: 86px; margin-bottom: 37px; }
#terms-1 #main_image h1 {font-size: 25px;}
h1 span { font-size: 14px; }
}
/*--------------.sentence--------------*/
#terms-1 .sentence { max-width: 878px; margin: 0 auto 75px; padding: 0 39px 55px; border-bottom: 1px dotted #999; }
#terms-1 .sentence h2 { font-size: 24px; color: #003461; display: table; margin: 0 auto 75px; position: relative; }
#terms-1 .sentence h2:after { content: ""; display: block; position: absolute; width: 120px; height: 2px; bottom: -25px; background: #003461; left: 50%; margin-left: -60px; }
#terms-1 .sentence p { line-height: 1.75; }
#terms-1 .sentence p.num {  padding-left: 33px; text-indent: -33px;  }
#terms-1 .sentence p.num2 {padding-left: 45px;text-indent: -55px;}
#terms-1 .sentence p.num3 { padding-left: 38px; text-indent: -48px; }
#terms-1 .sentence h3 { color: #003461; line-height: 1.75; margin-top: 15px; font-weight: bold; }
#terms-1 #security { margin: 0 auto 120px; }
#terms-1 .sentence p a { color: #2766bf; text-decoration: underline; }
/*max-width:1145px*/
@media screen and (max-width:1145px) {
#terms-1 .sentence { padding: 0 30px; }
}
/*max-width:1100px*/
@media screen and (max-width:1100px) {
#terms-1 .sentence { display: block; }
}
/*max-width:950px*/
@media screen and (max-width:950px) {
#terms-1 .sentence { border-bottom: none; }
}
/*max-width:500px*/
@media screen and (max-width:640px) {
#terms-1 .sentence { margin-bottom: 48px; }
#terms-1 .sentence h2 { font-size: 17px; margin-bottom: 47px; }
#terms-1 .sentence h2:after { width: 60px; bottom: -20px; margin-left: -30px; }
#terms-1 .sentence p { font-size: 4.2333333vw; }
#terms-1 .sentence h3 { font-size: 5.3333333333vw; }
#terms-1 #security { margin-bottom: 80px; }
#terms-1 .sentence p.num { padding-left: 30px; text-indent: -30px; }
#terms-1 .sentence p.num2 { padding-left: 45px; text-indent: -55px; }
}

p{
  font-feature-settings:normal;
}
