@charset "UTF-8";

#subpage {
   margin-top: 80px;
}
.inner_small {
   width: 622px;
   margin: 0 auto;
}
section + section {
   margin-top: 80px;
}
/* ---------------------------------
お申し込みの前に
-----------------------------------*/
.area_before h2 {
 height: 97px;
}
.area_before strong {
   letter-spacing: 0.4rem;
}
.area_wrap {
   /*width: 622px;*/
   margin: 0 auto;
}
.area_table {
   font-size: 1.8rem;
   line-height:1.8;
   width: 100%;
   margin: 60px 0 30px 0;
}
.area_table tr {
   background: #edf4ee;
   border-bottom: 4px solid #fff;
}
.area_table tr:last-child {
   border-bottom: 0;
}
.area_table tr:nth-child(2n+1) {
   background: #d9e8db;
}
.area_table th, .area_table td {
   padding: 15px;
}
.area_table th {
	width:50%;
   border-right: 4px solid #fff;
   font-weight: 400;
   vertical-align:middle;
   text-align: left;
}
.area_table td {
	vertical-align:middle;
}
.area_table td img {
	width:100%;
}
.area_table + p {
	text-align:center;
	line-height:1.8;
}
.area_before .notes {
   margin-top: 60px;
}
.area_before .notes dt {
   background: #0068a5;
   color: #fff;
   padding: 5px 0;
   text-align: center;
   font-size: 2rem;
   font-weight: 900;
   letter-spacing: 0.4rem;
}
.area_before .notes dd {
   background: #e1f1ff;
   padding: 25px 40px 35px 40px;
}
.notes_list {
   width: 770px;
}
.notes_list li {
   line-height: 2;
   position: relative;
   padding-left: 20px;
}
.notes_list li:before {
   position: absolute;
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   content: "\f111";
   font-size: 1rem;
   top: 5px;
   left: 0;
}
.area_before .notes dd p {
   margin-top: 10px;
   line-height: 1.6;
}
.notes_list.normal {
   background: #f3f3f3;
   width: 100%;
   padding: 25px 45px 25px 40px;
}
/* ---------------------------------
購読料のお支払い
-----------------------------------*/
.area_payment .minttl {
   margin: 60px 0 40px 0;
}
.payment dt {
   border-radius: 5px;
   background: #00428e;
   color: #fff;
   font-size: 2.5rem;
   text-align: center;
   padding: 5px 0;
   margin-bottom: 15px;
   font-weight: 700;
}
.payment dd {
   text-align: center;
   font-size: 1.7rem;
}
.payment dd + dt {
   margin-top: 35px;
}
.card {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}
.card li {
   margin: 0 20px 30px 0;
}
.payment_notes li {
   line-height: 2.8rem;
   font-size: 1.5rem;
   padding-left: 1em;
   text-indent: -1em;
}
.area_payment dl {
   margin-top: 40px;
   font-size: 1.6rem;
   line-height: 1.6;
}
/* ---------------------------------
購読料のお支払い
-----------------------------------*/
.area_payment .minttl {
   margin: 20px 0;
}
.payment dt {
   font-size: 1.6rem;
}
.payment dd {
   text-align: center;
   font-size: 1.4rem;
}
.payment dd + dt {
   margin-top: 35px;
}
.card {
   justify-content: center;
}
.card li {
   margin: 0 8px 20px 0;
}
 .payment_notes li {
  font-size: 1.4rem;
 }
 .area_payment dl {
  font-size: 1.4rem;
 }
.area_notice ul{
   margin-bottom: 50px;
}
.area_notice .minttl {
   margin-bottom: 30px;
}

/* ---------------------------------
個人情報の保護
-----------------------------------*/
.area_protection {
   margin-bottom: 50px;
}
.area_protection .inner_small {
   width: 618px;
}
.area_protection p {
   font-size: 1.6rem;
   line-height: 1.4;
   letter-spacing: 0.24rem;
}
/* ---------------------------------
日割り計算方式
-----------------------------------*/
.area_calculation {
   text-align: center;
   font-size: 1.7rem;
}
.area_calculation p {
   line-height: 1.7;
}
.area_calculation p.calculation {
   background: #eeefef;
   font-size: 2rem;
   padding: 12px 0;
   margin: 22px 0 10px 0;
   text-align: center;
   line-height: 1;
}
/*==================================
SmartPhone
==================================*/
@media screen and (max-width: 768px) {
   #subpage {
      margin-top: 30px;
   }
 .inner_small {
   width: 100%;
   padding: 0 3%;
}
section + section {
   margin-top: 40px;
}
/* ---------------------------------
お申し込みの前に
-----------------------------------*/
.area_before strong {
   letter-spacing: 0.4rem;
   font-size: 1.4rem;
}
.area_wrap {
   width: 100%;
}
.area_table {
   font-size: 1.6rem;
   margin: 30px 0;
}
.area_table tr {
   border-bottom: 2px solid #fff;
}
.area_table th, .area_table td {
   padding: 10px;
   font-size: 1.4rem;
}
.area_table th {
   border-right: 2px solid #fff;
   width: 50%;
}
.area_table td img {
	width:100%;
}
.area_before .notes {
   margin-top: 40px;
}
.area_before .notes dt {
   font-size: 1.6rem;
}
.area_before .notes dd {
   padding: 25px 3% 35px 3%;
}
.notes_list {
   width: 100%;
}
.notes_list li {
   line-height: 1.8;
}
.notes_list.normal {
   padding: 25px 3% 25px 3%;
}

/* ---------------------------------
個人情報の保護
-----------------------------------*/
.area_protection {
   margin-bottom: 30px;
}
.area_protection .inner_small {
   width: 100%;
   padding: 0 3%;
}
 .area_protection p {
  font-size: 1.4rem;
 }
/* ---------------------------------
日割り計算方式
-----------------------------------*/
.area_calculation {
   text-align: center;
   font-size: 1.4rem;
}
.area_calculation p {
   line-height: 1.7;
}
.area_calculation p.calculation {
   font-size: 1.6rem;
   padding: 10px 3%;
   line-height: 1.6;
}
}
@media screen and (max-width: 350px) {
.card li img {
   width: 60px;
}
}