@charset "UTF-8";
@media screen and (min-width: 600px) { .innerPrivacy { width: 900px; } }

.alpha { display: block; text-decoration: none; }

@media screen and (min-width: 600px) { .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .alpha:hover { opacity: .7; } }

.tit01 { margin-bottom: 15px; padding-bottom: 10px; font-size: 2rem; font-weight: bold; border-bottom: 1px solid #d6d6d6; }

@media screen and (min-width: 600px) { .tit01 { margin-bottom: 33px; font-size: 2.8rem; } }

.tit03 { position: relative; padding-left: 33px; font-size: 1.5rem; color: #173b77; font-weight: bold; }

.tit03:before { position: absolute; top: 0; left: 3px; }

.tit03.num01:before { content: "1."; }

.tit03.num02:before { content: "2."; }

.tit03.num03:before { content: "3."; }

.tit03.num04:before { content: "4."; }

.tit03.num05:before { content: "5."; }

.tit03.num06:before { content: "6."; }

.tit03.num07:before { content: "7."; }

@media screen and (min-width: 600px) { .tit03 { font-size: 1.8rem; } }

.intro { margin-bottom: 19px; }

@media screen and (min-width: 600px) { .intro { margin-bottom: 36px; } }

.detail .item { margin-bottom: 26px; }

.detail .item:last-child { margin-bottom: 0; }

@media screen and (min-width: 600px) { .detail .item { margin-bottom: 27px; } }

/*  #nav
================================================ */
#nav { margin-bottom: 43px; padding-top: 50px; }

#nav .list .item { margin-bottom: 15px; }

#nav .list .item:last-child { margin-bottom: 0; }

#nav .list .item a { position: relative; display: block; width: 265px; height: 55px; margin: 0 auto; padding: 18px 0 0; border: 1px solid #173d7a; color: #173d7a; text-align: center; line-height: 1.35714; font-weight: bold; text-decoration: none; box-sizing: border-box; }

#nav .list .item a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; width: 9px; height: 6px; content: ""; background: url(../img/pirvacy_policy/ico_arrow01.png) 0 0 no-repeat; background-size: contain; }

#nav .list .item04 a, #nav .list .item05 a { padding: 10px 0 0; }

@media screen and (min-width: 600px) { #nav { margin-bottom: 68px; padding-top: 29px; }
  #nav .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 766px; margin: 0 auto; }
  #nav .list .item { margin: 0 8px 20px 0; }
  #nav .list .item:last-child { margin-bottom: 0; }
  #nav .list .item a { width: 250px; height: 60px; margin: 0 auto; padding: 21px 0 0; line-height: 1.35714; letter-spacing: 0; }
  #nav .list .item a:before { right: 9px; width: 13px; height: 9px; }
  #nav .list .item03, #nav .list .item05 { margin-right: 0; }
  #nav .list .item02 a, #nav .list .item03 a, #nav .list .item04 a, #nav .list .item05 a { padding: 10px 0 0; }
  #nav .list .item04, #nav .list .item05 { margin-bottom: 0; } }

/*  #poliicy
================================================ */
#poliicy { margin-bottom: 30px; }

#poliicy .declare { margin: 20px 0 20px; padding: 21px 28px 29px; border: 4px solid #ececec; }

#poliicy .declare .item { margin-bottom: 27px; padding-left: 20px; position: relative; }

#poliicy .declare .item:last-child { margin-bottom: 18px; }

#poliicy .declare .item:before { position: absolute; top: 0; left: 0; font-size: 1.4rem; color: #173d7a; font-weight: bold; }

#poliicy .declare .item01:before { content: "1."; }

#poliicy .declare .item02:before { content: "2."; }

#poliicy .declare .item03:before { content: "3."; }

#poliicy .declare .item04:before { content: "4."; }

#poliicy .declare .item05:before { content: "5."; }

#poliicy .declare .name strong { font-weight: bold; }

#poliicy .contact { padding: 26px 30px 30px; background: #f7f7f7; }

#poliicy .contact .tit02 { margin-bottom: 10px; font-size: 1.5rem; font-weight: bold; }

@media screen and (min-width: 600px) { #poliicy { margin-bottom: 60px; }
  #poliicy .declare { margin: 45px 0 50px; padding: 49px 45px 53px; }
  #poliicy .declare .item { margin-bottom: 22px; padding-left: 23px; line-height: 2; }
  #poliicy .declare .item:last-child { margin-bottom: 37px; }
  #poliicy .declare .item:before { top: -1px; font-size: 1.8rem; }
  #poliicy .declare .nameBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  #poliicy .contact { padding: 50px 38px 50px; }
  #poliicy .contact .tit02 { margin-bottom: 25px; font-size: 2rem; }
  #poliicy .contact .address { padding-left: 12px; } }

/*  #handling
================================================ */
#handling { margin-bottom: 25px; }

@media screen and (min-width: 600px) { #handling { margin-bottom: 50px; } }

.table th { width: 63px; }

.table a { text-decoration: none; }

@media screen and (min-width: 600px) { .table th { width: 70px; } }

/*  #announce
================================================ */
#announce { margin-bottom: 25px; }

#announce .item { position: relative; padding-left: 20px; line-height: 1.7; letter-spacing: 0.03em; }

#announce .item:before { position: absolute; top: 0; left: 0; content: "■"; }

#announce .end { margin-top: 13px; text-align: right; }

@media screen and (min-width: 600px) { #announce { margin-bottom: 53px; }
  #announce .item { letter-spacing: .08em; }
  #announce .item:before { left: -2px; }
  #announce .end { margin-top: 11px; } }

/*  #disclose
================================================ */
#disclose { margin-bottom: 25px; }

#disclose .detail .item .list .item { position: relative; padding-left: 15px; margin-bottom: 0; }

#disclose .detail .item .list .item:before { position: absolute; top: 0; left: -1px; content: "・"; }

@media screen and (min-width: 600px) { #disclose { margin-bottom: 53px; }
  #disclose .detail .item .list .item { padding-left: 15px; }
  #disclose .detail .item .list .item:before { top: 0; left: 0; content: "・"; } }

/*  #procedure
================================================ */
#procedure { margin-bottom: 45px; }

#procedure .txt02 { margin-bottom: 25px; }

#procedure .detail .item .table { margin-bottom: 30px; }

#procedure .detail .item .list .item { position: relative; padding-left: 15px; margin-bottom: 0; }

#procedure .detail .item .list .item:before { position: absolute; top: 2px; left: -1px; content: "・"; }

#procedure .detail .item .list01 { margin-bottom: 25px; }

#procedure .detail .item .list03 { margin-bottom: 25px; }

#procedure .detail .item .document, #procedure .detail .item .sending { margin-bottom: 0; }

@media screen and (min-width: 600px) { #procedure { margin-bottom: 140px; } }
