@charset "utf-8";
/* ===========================================================
 *
 * 天明寺(秘密のお葬式) スタイルシート
 * Last UpDate : 2026/04/06
 *
=========================================================== */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "general.css";
@import "fonts.css";

html{ }
body {
	color: #333;
	font-weight: 400;
	font-style: normal;
	font-family: zen-old-mincho,"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	letter-spacing: 1px;
	line-height: 1em;
}



/* ----------------------------------------------------------
 link
---------------------------------------------------------- */
a:link		{ color: #666; text-decoration: none; }
a:visited	{ color: #666; text-decoration: none; }
a:hover		{ color: #4e8d2a; text-decoration: none; }
a:active	{ color: #4e8d2a; text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ }


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
footer{ }
.footer_sec01{ background-color: #999; padding: 10px; }
.footer_txt{ text-align: center; font-size: 1.6rem; color: #fff; letter-spacing: 2px; }
.footer_sec02{ background-color: #333; padding: 10px; }
.footer_copyright{ text-align: center; font-size: 1rem; color: #fff; letter-spacing: 2px; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ background: url("../images/bg_top01.jpg") no-repeat #000; background-size: contain; }

.top_onayami_sec{ background-color: #000; padding: 0 0 60px 0; }
.top_onayami_tit01{ margin: 0 auto 40px auto; text-align: center; }

.top_onayami_list{ width: 80%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_onayami_item{ flex-basis: 49%; background-color: #333; padding: 30px; color: #fff; text-align: center; font-size: 3.2rem; font-family: zen-old-mincho, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 30px; }

.top_contact01{ background: url("../images/bg_top02.jpg") no-repeat; background-size: cover; height: 300px; padding: 60px 0 0 0; }
.top_contact01_tit{ text-align: center; margin-bottom: 30px; font-size: 40px; color: #fff; line-height: 1.5; }
.top_contact01_btn{ width: 800px; margin: 0 auto; }
.top_contact01_btn a{ display: block; font-size: 32px; text-align: center; color: #fff; background-color: #e54444; padding: 30px; border-radius: 10px; }
.top_contact01_btn a:hover{ background-color: #000; }


.top_soudan{ padding: 120px 0 100px 0; background: url("../images/bg_onayami01.png") ,linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(70,70,70,1) 50%);; background-size: 100% auto; background-position: bottom, top; background-repeat: no-repeat; }
.top_soudan_tit{ color: #fff; font-size: 8rem; font-weight: 700; letter-spacing: 3px; text-align: center; margin-bottom: 100px; }

.top_soudan .grid{ width: 1200px; margin: 0 auto; }
.top_soudan .grid-item{ width: 48%; margin-bottom: 4rem; }
.top_soudan .grid-item img{ width: 100%; height: auto; border-radius: 10px; }




.top_flow{ background-color: #fff; padding-bottom: 60px; }
.top_flow_tit{ padding: 120px 0 80px 0; color: #fff; font-size: 8rem; letter-spacing: 6px; text-align: center; background-color: #399cc5; margin-bottom: 40px; }
.top_flow_list{ width: 900px; margin: 0 auto; display: flex; justify-content: center; }
.top_flow_item{ flex-basis: 24%; text-align: center; border-right: 1px solid #ccc; padding: 0 20px; }
.top_flow_item:nth-child(4){ border-right: 0px solid #ccc; }
.top_flow_num01{ font-size: 2.3rem; color: #3456a5; text-align: center; letter-spacing: 2px; margin-bottom: 10px; font-family: azo-sans-web, sans-serif; font-weight: 500; font-style: normal; }
.top_flow_ico01{ width: 70px; height: 70px; background-color: #3456a5; text-align: center; margin: 0 auto 20px auto; }
.top_flow_ico01 i{ color: #fff; font-size: 3.5rem; line-height: 70px; }
.top_flow_tit01{ font-size: 2rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; }
.top_flow_txt01{ font-size: 1.5rem; letter-spacing: 2px; line-height: 2; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; text-align: left; }


.top_form{ padding: 0px 0 100px 0; background: linear-gradient(180deg, rgba(206,231,241,1) 10%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);  }
.top_form_tit{ padding: 90px 0 80px 0; font-size: 8rem; color: #399cc5; letter-spacing: 3px; text-align: center;  margin-bottom: 40px; }

.top_form .mailform{ width: 980px; margin: 0 auto; }

.top_form_att{ width: 980px; margin: 30px auto 60px auto; }
.top_form_att_tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 10px; }
.top_form_att p{ font-size: 1.6rem; letter-spacing: 2px; line-height: 1.6; margin-bottom: 10px; }
.top_form_att p span{ font-weight: 900; color: #c00; }


.thanks{ background: linear-gradient(180deg, rgba(206,231,241,1) 0%, rgba(255,255,255,1) 100%); }
.thanks_sec{ width: 80vw; height: 80vh; background-color: #fff; margin: auto; }
.thanks_sec_txt{ text-align: center; font-size: 1.8rem; line-height: 2; }

.thanks_btn{ width: 300px; margin: 40px auto; }
.thanks_btn a{ display: block; background-color: #399cc5; color: #fff; font-size: 20px; padding: 20px; border-radius: 10px; transition: .5s ease; text-align: center;}
.thanks_btn a:hover{ background-color: #3456a5; }




/* ----------------------------------------------------------
SP CSS
---------------------------------------------------------- */
@media screen and (max-width: 520px){
/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; height: auto !important; height: 100%; }

/* 非表示用 */
.noneSP		{ display: none !important; }
/* ----------------------------------------------------------
 link
---------------------------------------------------------- */

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ }

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer_sec02{ background-color: #333; padding: 10px 10px 70px 10px; }

/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #333; z-index: 99; }
.btm_menu ul { display: flex; justify-content: space-between; }
.btm_menu li { flex-basis: 100%; }
.btm_menu li a { display: block; color: #fff; text-align: center; font-size: 2rem; padding: 20px; background-color: #e54444; }
.btm_menu li a i{ font-size: 2rem; margin-right: 10px; }


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ background: url("../images/bg_top01.jpg") no-repeat #000; background-size: contain; }

.top_tit01{}
.top_tit01 img{ width: 90%; height: auto; }

.top_onayami_sec{ background-color: #000; padding: 0 0 30px 0; }
.top_onayami_tit01{ margin: 0 auto 40px auto; text-align: center; }

.top_onayami_list{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_onayami_item{ flex-basis: 96%; background-color: #333; padding: 10px; color: #fff; text-align: center; font-size: 1.6rem; margin: 0 2% 20px 2%; line-height: 1.2; }

.top_contact01{ background: url("../images/bg_top02.jpg") no-repeat right bottom; background-size: cover; min-height: 300px; height: auto; padding: 60px 0 40px 0; }
.top_contact01_tit{ width: 90%; text-align: center; margin: 0 auto 30px auto; font-size: 30px; color: #fff; line-height: 1.5; }
.top_contact01_tit img{ width: 80%; height: auto; }
.top_contact01_btn{ width: 90%; margin: 0 auto; }
.top_contact01_btn a{ display: block; font-size: 22px; text-align: center; color: #fff; background-color: #e54444; padding: 20px; border-radius: 10px; }
.top_contact01_btn a:hover{ background-color: #000; }


.top_soudan{ padding: 30px 0 60px 0; background: url("../images/bg_onayami01.png") ,linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(70,70,70,1) 50%);; background-size: 100% auto; background-position: bottom, top; background-repeat: no-repeat; }
.top_soudan_tit{ color: #fff; font-size: 4.5rem; font-weight: 700; letter-spacing: 3px; text-align: center; margin-bottom: 30px; line-height: 1; }

.top_soudan .grid{ width: 90%; margin: 0 auto; }
.top_soudan .grid-item{ width: 100%; margin-bottom: 4rem; }
.top_soudan .grid-item img{ width: 100%; height: auto; }




.top_flow{ background-color: #fff; padding-bottom: 60px; }
.top_flow_tit{ padding: 50px 0 40px 0; color: #fff; font-size: 4.5rem; letter-spacing: 6px; text-align: center; background-color: #399cc5; margin-bottom: 40px; line-height: 1; }
.top_flow_list{ width: 96%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
.top_flow_item{ flex-basis: 49%; text-align: center; border-right: 1px solid #ccc; padding: 0 20px; margin-bottom: 30px; }
.top_flow_item:nth-child(2),
.top_flow_item:nth-child(4){ border-right: 0px solid #ccc; }
.top_flow_num01{ font-size: 2.3rem; color: #3456a5; text-align: center; letter-spacing: 2px; margin-bottom: 10px; font-family: azo-sans-web, sans-serif; font-weight: 500; font-style: normal; }
.top_flow_ico01{ width: 70px; height: 70px; background-color: #3456a5; text-align: center; margin: 0 auto 20px auto; }
.top_flow_ico01 i{ color: #fff; font-size: 3.5rem; line-height: 70px; }
.top_flow_tit01{ font-size: 2rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; }
.top_flow_txt01{ font-size: 1.5rem; letter-spacing: 2px; line-height: 2; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; text-align: left; }


.top_form{ padding: 0px 0 100px 0; background: linear-gradient(180deg, rgba(206,231,241,1) 10%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);  }
.top_form_tit{ padding: 30px 0 20px 0; font-size: 4.5rem; color: #399cc5; letter-spacing: 3px; text-align: center;  margin-bottom: 20px; line-height: 1; }

.top_form .mailform{ width: 90%; margin: 0 auto; }

.top_form_att{ width: 90%; margin: 30px auto 60px auto; }
.top_form_att_tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 10px; }
.top_form_att p{ font-size: 1.6rem; letter-spacing: 2px; line-height: 1.6; margin-bottom: 10px; }
.top_form_att p span{ font-weight: 900; color: #c00; }


.thanks{ background: linear-gradient(180deg, rgba(206,231,241,1) 0%, rgba(255,255,255,1) 100%); }
.thanks_sec{ width: 80vw; height: 80vh; background-color: #fff; margin: auto; }
.thanks_sec_txt{ text-align: center; font-size: 1.8rem; line-height: 2; }

.thanks_btn{ width: 300px; margin: 40px auto; }
.thanks_btn a{ display: block; background-color: #399cc5; color: #fff; font-size: 20px; padding: 20px; border-radius: 10px; transition: .5s ease; text-align: center;}
.thanks_btn a:hover{ background-color: #3456a5; }



.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	padding: 1px 10px;
	font-size: 12px;
	line-height: 1.2;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 30px;
	background-size: 100% 100%;
	letter-spacing: 2px;
}
form#mailformpro label{ white-space: normal !important; }

}
/* ----------------------------------------------------------
 SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width:521px) and (max-width:1280px){
/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 50%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; }

/* 非表示用 */
.noneTAB		{ display: none !important; }
/* ----------------------------------------------------------
 link
---------------------------------------------------------- */

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ }


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer_sec02{ background-color: #333; padding: 10px 10px 70px 10px; }

/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #333; z-index: 99; }
.btm_menu ul { display: flex; justify-content: space-between; }
.btm_menu li { flex-basis: 100%; }
.btm_menu li a { display: block; color: #fff; text-align: center; font-size: 2rem; padding: 20px; background-color: #e54444; }
.btm_menu li a i{ font-size: 2rem; margin-right: 10px; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ background: url("../images/bg_top01.jpg") no-repeat #000; background-size: contain; }

.top_onayami_sec{ background-color: #000; padding: 0 0 60px 0; }
.top_onayami_tit01{ margin: 0 auto 40px auto; text-align: center; }

.top_onayami_list{ width: 80%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_onayami_item{ flex-basis: 100%; background-color: #333; padding: 20px; color: #fff; text-align: center; font-size: 2.2rem; font-family: zen-old-mincho, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 20px; }

.top_contact01{ background: url("../images/bg_top02.jpg") no-repeat right bottom; background-size: cover; height: auto; min-height: 300px; padding: 60px 0 40px 0; }
.top_contact01_tit{ text-align: center; margin-bottom: 30px; font-size: 4rem; color: #fff; line-height: 1.5; }
.top_contact01_tit img{ width: 60%; height: auto; }
.top_contact01_btn{ width: 80%; margin: 0 auto; }
.top_contact01_btn a{ display: block; font-size: 26px; text-align: center; color: #fff; background-color: #e54444; padding: 30px; border-radius: 10px; }
.top_contact01_btn a:hover{ background-color: #000; }


.top_soudan{ padding: 60px 0 100px 0; background: url("../images/bg_onayami01.png") ,linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(70,70,70,1) 50%);; background-size: 100% auto; background-position: bottom, top; background-repeat: no-repeat; }
.top_soudan_tit{ color: #fff; font-size: 5rem; font-weight: 700; letter-spacing: 3px; text-align: center; margin-bottom: 60px; }

.top_soudan .grid{ width: 90%; margin: 0 auto; }
.top_soudan .grid-item{ width: 100%; margin-bottom: 4rem; }
.top_soudan .grid-item img{ width: 100%; height: auto; }




.top_flow{ background-color: #fff; padding-bottom: 60px; }
.top_flow_tit{ padding: 40px 0 40px 0; color: #fff; font-size: 5rem; letter-spacing: 6px; text-align: center; background-color: #399cc5; margin-bottom: 40px; line-height: 1; }
.top_flow_list{ width: 90%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
.top_flow_item{ flex-basis: 49%; text-align: center; border-right: 1px solid #ccc; padding: 0 20px; margin-bottom: 30px; }
.top_flow_item:nth-child(2),
.top_flow_item:nth-child(4){ border-right: 0px solid #ccc; }
.top_flow_num01{ font-size: 2.3rem; color: #3456a5; text-align: center; letter-spacing: 2px; margin-bottom: 10px; font-family: azo-sans-web, sans-serif; font-weight: 500; font-style: normal; }
.top_flow_ico01{ width: 70px; height: 70px; background-color: #3456a5; text-align: center; margin: 0 auto 20px auto; }
.top_flow_ico01 i{ color: #fff; font-size: 3.5rem; line-height: 70px; }
.top_flow_tit01{ font-size: 2rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; }
.top_flow_txt01{ font-size: 1.5rem; letter-spacing: 2px; line-height: 2; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; text-align: left; }


.top_form{ padding: 0px 0 30px 0; background: linear-gradient(180deg, rgba(206,231,241,1) 10%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);  }
.top_form_tit{ padding: 30px 0 30px 0; font-size: 5rem; color: #399cc5; letter-spacing: 3px; text-align: center;  margin-bottom: 20px; line-height: 1; }

.top_form .mailform{ width: 90%; margin: 0 auto; }

.top_form_att{ width: 90%; margin: 30px auto 60px auto; }
.top_form_att_tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 10px; }
.top_form_att p{ font-size: 1.6rem; letter-spacing: 2px; line-height: 1.6; margin-bottom: 10px; }
.top_form_att p span{ font-weight: 900; color: #c00; }


.thanks{ background: linear-gradient(180deg, rgba(206,231,241,1) 0%, rgba(255,255,255,1) 100%); }
.thanks_sec{ width: 80vw; height: 80vh; background-color: #fff; margin: auto; }
.thanks_sec_txt{ text-align: center; font-size: 1.8rem; line-height: 2; }

.thanks_btn{ width: 300px; margin: 40px auto; }
.thanks_btn a{ display: block; background-color: #399cc5; color: #fff; font-size: 20px; padding: 20px; border-radius: 10px; transition: .5s ease; text-align: center;}
.thanks_btn a:hover{ background-color: #3456a5; }

}
/* ----------------------------------------------------------
 TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width: 1281px) and (max-width: 1849px){
/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; }

/* 非表示用 */
.nonePC		{ display: none !important; }
/* ----------------------------------------------------------
 link
---------------------------------------------------------- */

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ }


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu{ display: none; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ background: url("../images/bg_top01.jpg") no-repeat #000; background-size: contain; }

.top_onayami_sec{ background-color: #000; padding: 0 0 60px 0; }
.top_onayami_tit01{ margin: 0 auto 40px auto; text-align: center; }

.top_onayami_list{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_onayami_item{ flex-basis: 49%; background-color: #333; padding: 20px; color: #fff; text-align: center; font-size: 2.6rem; font-family: zen-old-mincho, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 30px; line-height: 1.3; }

.top_contact01{ background: url("../images/bg_top02.jpg") no-repeat right bottom; background-size: cover; height: 300px; padding: 60px 0 0 0; }
.top_contact01_tit{ text-align: center; margin-bottom: 30px; font-size: 40px; color: #fff; line-height: 1.5; }
.top_contact01_btn{ width: 800px; margin: 0 auto; }
.top_contact01_btn a{ display: block; font-size: 32px; text-align: center; color: #fff; background-color: #e54444; padding: 30px; border-radius: 10px; }
.top_contact01_btn a:hover{ background-color: #000; }


.top_soudan{ padding: 120px 0 100px 0; background: url("../images/bg_onayami01.png") ,linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(70,70,70,1) 50%);; background-size: 100% auto; background-position: bottom, top; background-repeat: no-repeat; }
.top_soudan_tit{ color: #fff; font-size: 8rem; font-weight: 700; letter-spacing: 3px; text-align: center; margin-bottom: 100px; }

.top_soudan .grid{ width: 1200px; margin: 0 auto; }
.top_soudan .grid-item{ width: 48%; margin-bottom: 4rem; }
.top_soudan .grid-item img{ width: 100%; height: auto; }




.top_flow{ background-color: #fff; padding-bottom: 60px; }
.top_flow_tit{ padding: 120px 0 80px 0; color: #fff; font-size: 8rem; letter-spacing: 6px; text-align: center; background-color: #399cc5; margin-bottom: 40px; }
.top_flow_list{ width: 900px; margin: 0 auto; display: flex; justify-content: center; }
.top_flow_item{ flex-basis: 24%; text-align: center; border-right: 1px solid #ccc; padding: 0 20px; }
.top_flow_item:nth-child(4){ border-right: 0px solid #ccc; }
.top_flow_num01{ font-size: 2.3rem; color: #3456a5; text-align: center; letter-spacing: 2px; margin-bottom: 10px; font-family: azo-sans-web, sans-serif; font-weight: 500; font-style: normal; }
.top_flow_ico01{ width: 70px; height: 70px; background-color: #3456a5; text-align: center; margin: 0 auto 20px auto; }
.top_flow_ico01 i{ color: #fff; font-size: 3.5rem; line-height: 70px; }
.top_flow_tit01{ font-size: 2rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; }
.top_flow_txt01{ font-size: 1.5rem; letter-spacing: 2px; line-height: 2; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; text-align: left; }


.top_form{ padding: 0px 0 100px 0; background: linear-gradient(180deg, rgba(206,231,241,1) 10%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);  }
.top_form_tit{ padding: 90px 0 80px 0; font-size: 8rem; color: #399cc5; letter-spacing: 3px; text-align: center;  margin-bottom: 40px; }

.top_form .mailform{ width: 980px; margin: 0 auto; }

.top_form_att{ width: 980px; margin: 30px auto 60px auto; }
.top_form_att_tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 10px; }
.top_form_att p{ font-size: 1.6rem; letter-spacing: 2px; line-height: 1.6; margin-bottom: 10px; }
.top_form_att p span{ font-weight: 900; color: #c00; }


.thanks{ background: linear-gradient(180deg, rgba(206,231,241,1) 0%, rgba(255,255,255,1) 100%); }
.thanks_sec{ width: 80vw; height: 80vh; background-color: #fff; margin: auto; }
.thanks_sec_txt{ text-align: center; font-size: 1.8rem; line-height: 2; }

.thanks_btn{ width: 300px; margin: 40px auto; }
.thanks_btn a{ display: block; background-color: #399cc5; color: #fff; font-size: 20px; padding: 20px; border-radius: 10px; transition: .5s ease; text-align: center;}
.thanks_btn a:hover{ background-color: #3456a5; }





}
/* ----------------------------------------------------------
PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width:1850px){
/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; height: 100%; }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu{ display: none; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */


/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */




}
/* ----------------------------------------------------------
 PCWIDE CSS END
---------------------------------------------------------- */