@charset "utf-8";
/* CSS Document */


/* 共通 */
.guideWrap{ width: 100%; min-width: 1279px; background: #f7f7f7; font-family: "HiraKakuPro-W4-AlphaNum"; color: #333; text-align: center; padding: 80px 0 0;  letter-spacing: 0.12em; margin: 0 auto;}

.wrapArea{max-width: 1220px; width: 100%; margin: 0 auto 100px; position: relative;}
.wrapArea::after{ background: #dfdfdf; content: ''; display: block; height: 1px; max-width: 1220px; position:relative; bottom: -75px; left: 0; -webkit-transcalendar: translateX(-50%); transcalendar: translateX(-50%); width: 100%; margin-top: 75px;}
.wrapArea .ttlImg{ width: 1200px; margin: 25px auto 50px;}
    
.pc{ display:inherit !important;}
.sp{ display:none !important;}


/* 共通タイトル周り */
.contentsWrap{ width: 1220px; margin: 0 auto 50px; background: #FFF; padding: 60px 80px 50px;}
.wrapArea .anchor{ padding-top:0; margin-top:0;}
.wrapArea h3.guide-title{ font-size: 26px; margin: 0 -46px 35px 0;}
.wrapArea h3.guide-title span{ display: inline-block; position: relative; z-index: 1;}
.wrapArea h3.guide-title span::before { background: url("../images/guide/h3-line.jpg") center/cover repeat; content: ''; bottom: 3px; display: block; position: absolute; left: 0; height: 7px; width: 100%; z-index: -1;}
.wrapArea h3.guide-title img { display: inline-block;  height: 65px;  margin: 0 20px 10px -90px;}



/* フッター */
.footer { margin: 10px auto 30px; text-align:left;}
.footer p { font-size: 14px; line-height: 2;}


@media screen and (max-width: 749px) {
/* 共通 */
.guideWrap{ width: 100%; min-width: 100%; background: #f7f7f7; font-family: "HiraKakuPro-W6-AlphaNum"; color: #333; text-align: center; padding: 10% 0  1% ; letter-spacing: 0.12em; margin-bottom: 50px;}
.wrapArea{ width: 100%; max-width: auto; margin: 0 auto 60px; position: relative;}
.wrapArea::after{ background: #dfdfdf; content: ''; display: block; height: 1px; position: absolute; bottom: -85px; left: 17px; -webkit-transcalendar: translateX(-50%); transcalendar: translateX(-50%); width: calc(100% - 40px); margin-top: 5%;}
.wrapArea .anchor{ padding-top: 80px; margin-top:-80px;}
.wrapArea .ttlImg{ width: 90%; margin: 2.5% auto 10%;}
	
.pc{ display:none !important;}
.sp{ display:inherit !important;}


/* 共通タイトル周り */
.contentsWrap{ width: auto; margin: 0 3% 5%; background: #FFF; padding: 8% 3% 10%; }
.wrapArea h3.form-title{ font-size: 19px; margin: 0 0 8%;}
.wrapArea h3.form-title span{ display: inline-block; position: relative; z-index: 1;}
.wrapArea h3.form-title span::before { background: url("../images/guide/h3-line.jpg") center/cover repeat; content: ''; bottom: 3px; display: block; position: absolute; left: 0; height: 7px; width: 100%; z-index: -1;}
.wrapArea h3.guide-title { margin: 0 0 15%;}
.wrapArea h3.guide-title img { display: block; height: 50px;  margin: 0 auto 5%;}
	
/* フッター */
.footer { text-align:left; width: auto; margin: 0 3; padding: 0 3% 0; }
.footer p { font-size: 11px; line-height: 2;}
	
}

/*20240520　画像化*/
.wrapArea .ttlImg  {
  display: inline-block;
  position: relative;
	font-size:28pt;
	margin: 10px auto 50px;
	letter-spacing: 0.15em;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
.wrapArea .ttlImg  {
    display: block;
	font-size:20pt;
	margin: 5px auto 30px;
	letter-spacing: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
}