@charset "utf-8";					/*使用する文字コード*/

/* ===============================
   受験証明写真ポイント
=============================== */

.juken-point{
  max-width:1100px;
  margin:80px auto;
  padding:0 20px;
}

.juken-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.juken-card{
  background:#fff;
  border:1px solid #e5e5e5;
  padding:35px 25px;
  box-sizing:border-box;
}

/* イラスト */
.juken-icon{
  width:90px;
  display:block;
  margin:0 auto 20px;
}

.juken-card h3{
  font-size:24px;
  color:#5d4b43;
  margin-bottom:20px;

  font-family:'Zen Maru Gothic', sans-serif;
  font-weight:500;

  text-align:center;
}

.juken-card p{
  font-size:15px;
  line-height:2;
  color:#666;
}

/* ポイント */
.juken-card p span{
  color:#d68a9e;
  font-weight:600;
}






.juken-card h3{
  position:relative;
}

.juken-card h3::after{
  content:"";
  display:block;

  width:50px;
  height:2px;

  background:#d8c4cb;

  margin:12px auto 0;
}







/* ===============================
   撮影前のアドバイス
=============================== */

.juken-advice{
  padding:80px 20px;
}

.juken-advice-grid{
  max-width:1100px;
  margin:50px auto 0;

  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.juken-advice-card{
  background:#fdf6f9;
  padding:50px 35px;
  text-align:center;
  border-radius:20px;
}

.juken-advice-icon{
  width:90px;
  margin-bottom:20px;
}

.juken-advice-card h3{
  font-size:22px;
  color:#5d4b43;
  margin-bottom:25px;
  font-weight:500;
}

.juken-advice-card p{
  font-size:15px;
  line-height:2;
  color:#666;
}



/* ===============================
   証明写真について
=============================== */

.juken-photo{
  padding:20px 20px 100px;
}

.juken-photo-box{
  max-width:900px;
  margin:50px auto 0;

  background:#fdf6f9;
  padding:50px;

  text-align:center;
  border-radius:20px;
}

.juken-photo-icon{
  width:90px;
  margin-bottom:25px;
}

.juken-photo-box p{
  font-size:16px;
  line-height:2.2;
  color:#666;
  margin-bottom:18px;
}


.juken-main-illust{
  width:280px;
  max-width:100%;
  display:block;
  margin:0 auto 35px;
}




/* ===============================
   料金表
=============================== */

.juken-price{
  max-width:1000px;
  margin:100px auto;
  padding:0 20px;
}

/* プラン */

.price-plan{
  border-radius:20px;
  overflow:hidden;
  margin-bottom:40px;
  border:1px solid #d8d8d8;
  margin-top:100px;
}

.price-plan-head{
  background:#7a6a5f;
  color:#fff;
  text-align:center;
  padding:15px;
  font-size:20px;
  font-family:'Zen Maru Gothic',sans-serif;
}

.price-main{
  background:#fff;
  text-align:center;
  padding:50px 20px;
}

.price-main h3{
  font-size:32px;
  color:#534741;
  margin-bottom:15px;
}

.price-desc{
  color:#666;
  margin-bottom:20px;
}

.price-value{
  font-size:60px;
  color:#ff4d4d;
  font-weight:700;
}

.price-value span{
  font-size:28px;
}

/* ボックス */

.price-box{
  background:#fff;
  border:1px solid #ddd;
  border-radius:20px;
  padding:30px;
  margin-bottom:30px;
}

.price-box h3{
  text-align:center;
  color:#534741;
  margin-bottom:25px;
}

/* お渡し方法 */

.delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.delivery-item{
  text-align:center;
  font-size:38px;
}

.delivery-item span{
  display:block;
  font-size:15px;
  margin-top:10px;
  color:#666;
}

.delivery-item strong{
  display:block;
  margin-top:10px;
  color:#ff4d4d;
}

.delivery-item{
  text-align:center;
}

.delivery-item img{
  width:90px;
  height:auto;
  display:block;
  margin:0 auto 12px;
}

.delivery-item span{
  display:block;
  font-size:15px;
  color:#666;
  margin-bottom:6px;
}

.delivery-item strong{
  display:block;
  color:#ff4d4d;
  font-size:18px;
  font-weight:600;
}

/* 表 */

.print-table{
  width:100%;
  border-collapse:collapse;
}

.print-table th{
  background:#f7f3ef;
}

.print-table th,
.print-table td{
  padding:15px;
  border:1px solid #ddd;
  text-align:center;
}

.print-note{
  text-align:center;
  margin-top:15px;
  font-size:14px;
  color:#666;
}



/* ===============================
写真のみプラン
=============================== */

.juken-print{
max-width:1100px;
margin:100px auto;
padding:0 20px;
text-align:center;
}

.print-caution{
color:#666;
font-size:16px;
margin-bottom:35px;
}

/* 写真のみプラン全体 */

.price-main{
max-width:900px;
margin:0 auto;
}

/* 2列 */

.print-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
width:90%;
margin:30px auto 0;
}

.print-card{
background:#fff;
border:none;
padding:0;
}

/* サイズ表 */

.size-table{
width:90%;
margin:0 auto;
border-collapse:collapse;
}

.size-table th{
background:#f7f3ef;
color:#534741;

padding:14px;
font-size:22px;
font-weight:500;

border:1px solid #ddd;
font-family:'Zen Maru Gothic', sans-serif;
}

.size-table td{
border:1px solid #ddd;
padding:14px;
text-align:center;
font-size:18px;
}

.size-table td:last-child{
color:#e74c3c;
font-weight:700;
}

/* 注意書き */

.print-note{
font-size:14px;
color:#666;
line-height:1.7;
margin:15px 0 20px;
}

/* 見本写真 */

.sample-row{
display:grid;
gap:15px;
}

.print-card:first-child .sample-row{
grid-template-columns:repeat(2,1fr);
}

.print-card:last-child .sample-row{
grid-template-columns:repeat(3,1fr);
}

.print-sample{
width:100%;
display:block;
border-radius:8px;
}

.sample-row span{
display:block;
margin-top:8px;
font-size:13px;
line-height:1.5;
color:#666;
}

/* スマホ */

@media screen and (max-width:768px){

.print-grid{
grid-template-columns:1fr;
width:100%;
gap:15px;
}

.size-table{
width:100%;
}

.size-table th{
font-size:18px;
}

.size-table td{
font-size:15px;
}

}






/* ===============================
   スマホ
=============================== */

@media screen and (max-width:768px){

/* 共通 */

.juken-point,
.juken-advice,
.juken-photo,
.juken-price{
  margin:60px auto;
  padding-left:15px;
  padding-right:15px;
}

/* 受験ポイント */

.juken-grid{
  grid-template-columns:1fr;
  gap:20px;
}

.juken-card{
  padding:30px 20px;
}

.juken-card h3{
  font-size:21px;
}

.juken-card p{
  font-size:14px;
  line-height:1.9;
}

.juken-icon{
  width:75px;
}

/* アドバイス */

.juken-advice{
  padding-top:60px;
  padding-bottom:60px;
}

.juken-advice-grid{
  grid-template-columns:1fr;
  gap:20px;
}

.juken-advice-card{
  padding:35px 20px;
}

.juken-advice-card h3{
  font-size:20px;
}

.juken-advice-card p{
  font-size:14px;
}

/* 証明写真について */

.juken-photo-box{
  padding:35px 20px;
}

.juken-main-illust{
  width:220px;
  margin-bottom:25px;
}

.juken-photo-box p{
  font-size:14px;
  line-height:2;
}

/* データ受け取り */

.delivery-grid{
  grid-template-columns:1fr;
  gap:25px;
}

.delivery-item img{
  width:70px;
}

/* 料金 */

.price-plan{
  margin-top:60px;
}

.price-main{
  padding:35px 15px;
}

.price-main h3{
  font-size:26px;
}

.price-value{
  font-size:48px;
}

.price-value span{
  font-size:22px;
}

.price-box{
  padding:20px 15px;
}

/* プリント料金 */

.print-table th,
.print-table td{
  padding:12px 8px;
  font-size:14px;
}

/* 写真のみプラン */

.print-grid{
  grid-template-columns:1fr;
  width:100%;
  gap:15px;
}

.size-table{
  width:100%;
}

.size-table th{
  font-size:17px;
  padding:12px;
}

.size-table td{
  font-size:14px;
  padding:12px 8px;
}

}