@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.0
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/



@import url('https://fonts.googleapis.com/css?family=Poppins');


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { background: #eaedf7; color: #000; font: 15px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 0.05em; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

a{ text-decoration: none; color: #000; outline:none;}
img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; vertical-align: middle;}
:focus { outline: 0; }

::-moz-selection { background: #cac9e6; color: #222;}
::selection { background: #cac9e6; color: #222;}

.fn-mincho { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;}
.fn-poppins { font-family: 'Poppins', sans-serif;}

.fns09{ font-size: 0.9em;}

/* main-layout
==========================================================*/

#pagewrapper { max-width: 1200px; width: 100%; margin: 0 auto;}
#Container { }
  .wrapper { width: 94%; max-width: 960px; margin: 0 auto;}
  .wrapInner { margin: 100px auto 150px;}
  .inner { margin: 60px auto 150px;}

  .wide { width: 100%; }
  .col-l { float: left;}
  .col-r { float: right;}

.flex-jcc { display: flex; justify-content: center; flex-wrap: wrap;}
.flex-jcs { display: flex; justify-content: space-between; flex-wrap: wrap; }

/* common
==========================================================*/

.footbnr { color: #000; max-width: 740px; width: 94%; margin: 120px auto 60px; }
.footbnr .bnr-img { width: 50%; background: url(../images/common/2107/telimg.jpg) center center no-repeat; background-size: cover;}
	.footbnr .bnr-txt { width: 50%; box-sizing: border-box; padding: 30px 5%; background: #fff; font-size: 14px;}
	.footbnr .bnr-txt .name { font-size: 20px; font-weight: bold; }
	.footbnr .bnr-txt .name span { padding-left: 5px; font-size: 34px; letter-spacing: 0.1em; line-height: 1.5;}
	.footbnr .bnr-txt .add {  margin-bottom: 10px; }
	.footbnr .bnr-txt .tel { font-size: 22px; font-weight: bold; line-height: 1.5; }

.bnrulwrap { max-width: 700px; width: calc(100% - 40px); margin: 0 auto 80px;}
.bnrul { margin: 0 -5px; display: flex; justify-content: center; flex-wrap: wrap;}
.bnrul li { max-width: 190px; width: calc(50% - 10px); margin: 0 5px 10px;}
.bnrul li img { width: 100%; height: auto; }
.bnrul li a {}

.pagetop { width: 50px; margin: 0 auto 40px;}

.sp_show { display: none;}
.sp_hide { display: block;}

.fn-red { color: #BE0712; }
.whitearea { padding: 30px; font-size: 18px; background: #fff; border: 1px solid #b8b7d0; }
.borderarea { padding: 20px; margin-bottom: 20px; border: 1px solid #b8b7d0; }
@media screen and (max-width: 650px) {
.bnrulwrap { margin: 0 auto 40px;}
.whitearea { padding: 20px; font-size: 16px;}
.borderarea { padding: 15px; margin-bottom: 20px; }

.sp_show { display: block;}
.sp_hide { display: none;}
}


/* 20240216追加↓ */
.lh15{line-height: 1.5 !important;}
.tree_ttl_small{font-size: 20px;}
.tree_ttl_span{font-size: 25px;}

@media screen and (max-width: 650px){
  .tree_ttl_small{font-size: 16px;}
  .tree_ttl_span{font-size: 19px;}
}
/* 20240216追加↑ */


/* header
==========================================================*/

header { }
header .logo { width: 300px; margin: 30px auto; }
header .logo img { width: 100%; }
header #global-nav { background: #b8b7d0; height: 60px; }
header #global-nav .gnav { height: 100%; }
header #global-nav .gnav li { float: left; width: 14.2857%; height: 100%; border-right: 1px solid #fff; box-sizing: border-box;}
header #global-nav .gnav li:last-child { border-right: none;}
header #global-nav .gnav li:hover { background: #c3c3da;}
header #global-nav .gnav li a { display: block; width: 100%; height: 100%; position: relative; }
header #global-nav .gnav li a p { width: 100%;position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); line-height: 1;}
header #global-nav .gnav li br { display: none; }
@media screen and (max-width: 1150px) {
header #global-nav .gnav li a p { line-height: 1.3; }
header #global-nav .gnav li br { display: inline; }
}
@media screen and (max-width: 850px) {
header #global-nav .gnav li { width: 16.666%; }
header #global-nav .gnav li:first-child { display: none;}
}

/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 32px; width: 34px; height: 36px; cursor: pointer; z-index: 101; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #333; left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 10px; }
#nav-toggle span:nth-child(3) { top: 20px; }



/* footer
==========================================================*/

footer { width: 100%; background: #b8b7d0; height: 45px; position: relative; }
.footmenu { text-align: center; margin-left: -30px; font-size: 0;}
  .footmenu li { display: inline-block; margin-left: 30px; line-height: 45px; font-size: 14px;}
  .footmenu li a { color: #000;}
.copy { font-size: 11px; color: #888888; padding: 12px 0 40px; letter-spacing: 0.15em;}

.count { padding-bottom: 60px; margin-top: -40px;}
.count span{ font-size: 0.9em; line-height: 1;  border: 1px solid #b8b7d0; background: #fff; padding:10px 15px; display: inline-block; }
.count span b{ font-size: 1.2em;}

@media screen and (max-width: 650px) {
    .count { padding-bottom: 40px; margin-top: -10px;}
}


/* index
==========================================================*/

/* SLICK HACK */
#slideshow { display: none; background: #dbdbe7;}
#slideshow.slick-initialized { display: block; /*slick-initializedが付与されたら表示*/ }
#slideshow li { }
#slideshow li .mainimg { }

.ind-cntwrap { margin-bottom: 100px;}
  .ind-cntwrap .h2ttl { line-height: 1em; margin-bottom: 40px;}
  .ind-cntwrap .h2ttl .jp { font-size: 24px; margin-bottom: 20px;}
  .ind-cntwrap .h2ttl p { font-size: 12px; margin-bottom: 40px; color: #b8b7d0; letter-spacing: 0.15em;}

.ind-newswrap { max-width: 800px; margin: 0 auto; width: 100%;}
  .ind-news { font-size: 14px; border-top: 1px dotted #444; margin-bottom: 40px;}
    .ind-news dt { float: left; position: relative; padding: 8px 25px 5px 20px;  margin-right: 25px; }
    .ind-news dt:after { content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 20px; background: #777;}
    .ind-news dd { border-bottom: 1px dotted #444; padding: 8px 0; }
  .newsbtn a { display: inline-block; padding: 10px 20px; box-sizing: border-box; background: #fff; border: 1px solid #b8b7d0; border-radius: 80px; margin: 0 auto;}

.ind-pickwrap { width: 100%; margin-bottom: 80px; }
  .ind-pick { width: 50%; box-sizing: border-box; }
  .ind-pick a { color: #fff;}
  .ind-pickin { width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); box-sizing: border-box; padding: 0 10px; }
  .ind-pickin .txt { font-size: 28px; letter-spacing:0.1em;  margin-bottom: 15px; line-height: 1.3em;}
  .ind-pickin .maru { width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; border: 1px solid #fff; line-height: 40px; margin: 0 auto; font-size: 20px; padding-left: 3px;}


  /* 2022.12 */
  .v3ind-pickwrap { width: 100%; margin-bottom: 80px;  display: flex; flex-wrap: wrap; }
  .v3ind-pick{ width: calc(100% / 3);   }
  .v3ind-pick a {  color: #fff; display: block; padding: 50px 10px; box-sizing: border-box;
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 20vw;}
  .v3ind-pickin {  }
  .v3ind-pickin .txt { font-size: 28px; letter-spacing:0.1em;  margin-bottom: 15px; line-height: 1.3em;}
  .v3ind-pickin .maru { width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; border: 1px solid #fff; line-height: 40px; margin: 0 auto; font-size: 20px; padding-left: 3px;}

  .pick_tree a { background:url(../images/tree/pick_tree.jpg) center; background-size: cover;}
  .pick_grave a { background:url(../images/index/pick01.jpg) center; background-size: cover;}
  .pick_funeral a { background:url(../images/index/pick02.jpg) center; background-size: cover;}

  @media screen and (max-width: 900px) {
    .v3ind-pickin .txt { font-size: 24px;}
    .v3ind-pickin .maru {font-size: 16px;}

  }
  @media screen and (max-width: 800px) {
    .v3ind-pickin .txt { font-size: 20px;margin-bottom: 10px;}
    .v3ind-pickin .maru {font-size: 14px;}
    .v3ind-pickwrap { margin-bottom: 15%; margin-top: 15%;}
    .v3ind-pick { width: 100%; }
    .v3ind-pick a{  min-height: 30vw;}
  }
  @media screen and (min-width: 651px) {
    .v3ind-pickwrap.sp_show{ display: none;}
  }
  @media screen and (max-width: 650px) {
    .v3ind-pickwrap.sp_hide{ display: none;}
    .v3ind-pick a { padding: 30px 10px; min-height: 45vw;}
    .v3ind-pick {  margin-bottom: 2px;}
  }
/* kasou
==========================================================*/

.main { max-width: 960px; width: 100%; height: 300px; position: relative; margin: 60px auto 60px; text-align: center; }

  .main .maintxt { width: 100%; position: absolute; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
  .main .maintxt p:first-child { font-size: 56px; margin-bottom: 10px; line-height: 1;}
  .main .maintxt p:last-child { opacity: 0.7; -moz-opacity:0.7; filter: alpha(opacity=70); letter-spacing: 0.1em;}
  .aboutPage .main { background:url(../images/about/bg_about.jpg) center; background-size: cover;}
  .gravePage .main { background:url(../images/grave/bg_grave.jpg) center; background-size: cover;}
  .funeralPage .main { background:url(../images/funeral/bg_funeral.jpg) center; background-size: cover;}
  .accessPage .main { background:url(../images/access/bg_access.jpg) center; background-size: cover;}
  .contactPage .main { background:url(../images/contact/bg_contact.jpg) center; background-size: cover;}
  .treePage .main { background:url(../images/tree/bg_tree.jpg?a) center; background-size: cover;}

	.main.nobg { margin: 1px auto 60px; height: 200px; max-width: inherit; background: #E0DFEE;  }
	.main.nobg .maintxt { color: #000; }
	.main.nobg  p:first-child { font-size: 46px;}
	.main.nobg .maintxt p:last-child { opacity: 0.4; -moz-opacity:0.4; filter: alpha(opacity=40); letter-spacing: 0.1em;}

.leadtxt { margin-bottom: 60px;}

.col { margin-bottom: 80px; }
.midashi { font-size: 26px; line-height: 1.2em; color: #000; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 40px; }
.midashi02 {font-size: 22px; padding-left: 1em; line-height: 1.4em; color: #000; margin: 40px 0 30px; position: relative; }
.midashi02:after { width: 5px; height: 100%; background: #B8B7D0; content: ""; position: absolute; left: 0; top: 0; }
.submid { font-size: 22px; line-height: 1.4em; color: #000; margin: 40px 0 20px; }

.col .photo { margin-bottom: 10px; text-align: center; }
.col .txt { line-height: 1.8em; margin-bottom: 20px; }

.col01 { }
  .col01 .col-l { width: 54%; }
  .col01 .col-r { width: 40%; }

.col02 { }
  .col02 .col-l { width: 40%; }
  .col02 .col-r { width: 54%; }

.col03 {}


.col-flex50 .flex-l{ width: 48%; }
.col-flex50 .flex-r{ width: 48%; }

@media screen and (max-width: 650px) {
  .col-flex50 .flex-l{ width: 100%; margin-bottom: 20px; }
  .col-flex50 .flex-r{ width: 100%; }
}

/* about
==========================================================*/

.instabnr { padding: 10px; padding-right: 20px; border-radius: 5px; display: inline-block; background: #fff; }
.instabnr img { padding-right: 5px; }


/* grave
==========================================================*/

.graveul { }
.graveul li { padding-left: 1em; position: relative; margin-bottom: 5px; }
.graveul li:after { content: "・"; left: 0; top: 0; position: absolute; }
.yajiwrap { position: relative; padding-bottom: 30px; margin-bottom: -20px; }
.yajiwrap:after { content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: calc(50% - 15px);
border-style: solid; border-width: 15px 15px 0 15px; border-color: #B8B7D0 transparent transparent transparent; }
.gravedl { }
.gravedl dt { font-size: 18px; padding: 5px 10px; margin-bottom: 20px; background: #B8B7D0; }
.gravedl dd { margin-bottom: 30px;}
.gravedl .borderarea { margin-top: 20px; }
.telwrap { padding: 20px 0; margin-bottom: 20px; background: #EAEDF7; text-align: center; }
.telwrap.bg-w { background: #fff; }
.telwrap .newsbtn { margin: 0 20px; font-size: 15px; }
.telwrap .tel { font-size: 30px; }
@media screen and (max-width: 900px) {
.telwrap .newsbtn { margin-left: 0;}
.telwrap .tel { width: 100%; margin-bottom: 10px; }
.telwrap.bg-w .newsbtn { width: 100%; margin-bottom: 20px;  }
}

@media screen and (max-width: 650px) {
.grave01 { margin: 20px 0 10px !important; }
.telwrap .newsbtn { width: 100%; margin-bottom: 20px; margin-left: 20px;  }
.whitearea01 { margin-bottom: 40px; }
}

@media screen and (max-width: 400px) {
.telwrap .tel { font-size: 25px; }
.telwrap .newsbtn { font-size: 13px;}
}

/* funeral
==========================================================*/

.funeraltab {
max-width: 1000px; width: 100%;
margin: 0 auto;
border: 1px solid 
#ccc;
box-sizing: border-box;
}
.funeraltab tr {
border-bottom: 1px solid #ccc;
}
.funeraltab th {
width: 250px; padding: 0 15px;
background: #e0dfee;
border-right: 1px solid #ccc;
vertical-align: middle;
box-sizing: border-box;
}
.funeraltab td {
padding: 30px;
background: #fafafa;
box-sizing: border-box;
}
.funeraltab .tel{ font-size: 24px; }
.pl20 { padding-left: 20px; }
.funeraltab-line { }
.funeraltab-line-l { width: 160px; }
.funeraltab-line-r { width: calc(100% - 180px); }
@media screen and (max-width: 1000px) {
.funeraltab th { width: 200px;}
}
@media screen and (max-width: 750px) {
.funeraltab-line { flex-wrap: wrap; }
.funeraltab-line-r { width: 100%; margin-top: 20px; }
}
@media screen and (max-width: 650px) {
.funeraltab {}
.funeraltab th,
.funeraltab td { padding: 15px; display: block; width: 100%; border: none;}
.funeraltab .newsbtn { margin: 10px; }	
}


/* access
==========================================================*/

.iframe_box { margin: 50px auto 0; width: 100%; }
.iframe_box iflame { width: 100%; height: 350px; }
@media screen and (max-width: 650px) {
.iframe_box iflame { width: 100%; height: 250px; }
}

/* tree
==========================================================*/
.tree-cont-specInner{ margin-bottom: 75px;}
.tree-cont-specInner li{ width: 23%; background-color: #fff; padding: 0; box-sizing: border-box; position: relative;}
.tree-cont-specInner li dt{background: #B8B7D0; padding: 16px 0.8em 10px; text-align: center; font-size: 1.25em;}
.tree-cont-specInner li dd{ padding: 15px 20px 30px; font-size: 0.94em; letter-spacing: 0.02em;}
.tree-cont-specInner li::before{ position: absolute; content: ""; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px);
border: 1px solid #ddd; opacity: 1; box-sizing: border-box;}

@media screen and (max-width: 800px) {
  .tree-cont-specInner{ margin-bottom: 40px;}
  .tree-cont-specInner li{ width: 49%; margin-bottom: 2%;}
}

@media screen and (max-width: 650px) {
  .tree-cont-specInner{ margin-bottom: 30px;}
  .tree-cont-specInner li{ width: 48%; margin-bottom: 4%;}
  .tree-cont-specInner li dd{ padding: 12px 18px 20px; font-size: 0.82em; letter-spacing: 0em;}
}

.tree-cont-priceInner{}
.tree-cont-priceInner dl{ text-align: center;}
.tree-cont-priceInner dt{background: #B8B7D0;  padding:14px 0.8em 14px; line-height: 1.5; }
.tree-cont-priceInner dt .elm01{font-size: 1.1em;}
.tree-cont-priceInner dt .elm02{ font-size: 0.9em; letter-spacing: normal;}
.tree-cont-priceInner dd{ margin-bottom: 20px;}
.tree-cont-priceInner ul{ width: 100%; border: 2px solid #B8B7D0; background-color: #fff; box-sizing: border-box; }
.tree-cont-priceInner li{ width: 50%; box-sizing: border-box; padding: 10px 5px;}
.tree-cont-priceInner li:last-child { border-left: 1px dashed #B8B7D0; }
.tree-cont-priceInner .elm_pricettl{}
.tree-cont-priceInner .elm_pricebox{font-weight: bold; line-height: 1; color: #a09ecf; }
.tree-cont-priceInner .elm_price{font-size: 4em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.tree-cont-priceInner .elm_price_en{ font-size: 1.1em;  }

.tree-cont-priceInner dl.v02 dt{background: #6562a9; color: #fff; }
.tree-cont-priceInner dl.v02 ul{  border: 2px solid #6562a9; }
.tree-cont-priceInner dl.v02 li:last-child { border-left: 1px dashed #6562a9; }
.tree-cont-priceInner dl.v02 .elm_pricebox{color: #6562a9; }

@media screen and (max-width: 650px) {
  .tree-cont-designInner{ padding-bottom:50px; }
  .tree-cont-priceInner > .clearfix{ padding-bottom: 15px; }
  .tree-cont-priceInner dt .elm02{ font-size: 0.82em;}
  .tree-cont-priceInner .elm_price{font-size: 3em; }


  .tree-cont-petInner .col-l{ padding: 0 10% 15px !important; box-sizing: border-box;}
}


/* news
==========================================================*/

.newsh1 { position: absolute;  width: 1000px; height: 1000px; top: -1000px; left: -1000px; }

.newscol { margin-top: 80px; }
.newscol .col-l { width: 680px; }
.newscol .col-r { width: 220px; }

.postarea { margin-bottom: 80px; }
.postarea .midashi { margin-bottom: 10px; }
.postarea .date { margin-bottom: 20px; text-align: right;}
.postarea .photo { margin-bottom: 20px; }
.postarea .txt { }

.side { }
.side .fn-mincho { margin-bottom: 20px; font-size: 17px; }
.side ul { margin-bottom: 40px;}
.side li { margin-bottom: 5px; }
.side li a { text-decoration: underline; }
.side li a:hover { text-decoration: none; }

.pagerwrap { line-height: 1; width: 100%; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif; }
.pagerwrap .col-l { text-align: left; }
.pagerwrap .col-r { text-align: right; }
.pagerwrap .col-l img { padding-right: 10px; }
.pagerwrap .col-r img { padding-left: 10px; }

.slick-dots { display: block;}





/* contact
==========================================================*/

.flex-jcs .gravedl { width: calc(50% - 10px); }
.flex-jcs .gravedl dd {}
.flex-jcs .gravedl .tel { padding-top: 10px; font-size: 30px; }
@media screen and (max-width: 650px) {
.flex-jcs .gravedl { width: 100%; }
.flex-jcs .gravedl .tel { padding-top: 0; }
}

input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
	-webkit-appearance: none;
}

.form {}
.formul { margin-bottom: 40px;}
.formul > li { display: flex; }
.formmidwrap { width: 200px; padding: 20px 15px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background: #E0DFEE; border-bottom: 1px solid #fff; }
.kome { font-size: 0.8em; color: #f00; }
.formmidwrap .kome { padding-left: 5px; }
.textareawrap .formmidwrap { padding: 35px 15px; align-items:flex-start; }
.forminputwrap { width: calc(100% - 200px); padding: 20px; background: #fff; border-bottom: 1px solid #E0DFEE;  }
.form input[type="text"] { padding: 15px; font-size: 15px; width: 100%; box-sizing: border-box; background:#efefef; }
.form input[type="text"].yubin { width: 180px; margin-bottom: 15px;}
::placeholder { font-size: 13px; color: #999; }
.form radiowrap {}
.radioul li { margin-bottom: 10px; display: flex; align-items: center;}
.radioul li label { cursor: pointer; }
.radioul li:last-child { margin-bottom: 0; }
.radioul li input { width: auto; }
.radioul li .radio { padding-left: 10px; }
.formsubtxt { font-size: 12px; margin-top: 10px; }
.form textarea { height: 350px; padding: 15px; line-height: 1.5; border: none; width: 100%; box-sizing: border-box; background:#efefef; }
.submitwrap { text-align: center; }
.submitbtn { display: inline-block; cursor: pointer; font-size: 18px; color: #8584A9; background: #fff; padding: 20px 80px; box-sizing: border-box; border:1px solid #8584A9;  border-radius: 80px; margin: 0 auto; -webkit-transition:all .3s;transition:all .3s; }
.submitbtn:hover { background: #8584A9; color: #fff; }
.error_box { padding: 20px; margin-bottom: 40px; display: none; background: #fff; border: 1px solid #f00; color: #f00; }
/* 20240216追加↓ */
.formresulttab{display: flex; justify-content: center;}
.formresulttab tr{width: 100%; max-width: 400px; display: block;}
.formresulttab th{width: 150px;}
.formresulttab td{width: calc(100% - 150px); text-align: left;}
.submitwrapwrap .submitwrap:nth-of-type(1){margin-top: 40px;}
.submitwrapwrap .submitwrap:nth-of-type(2){margin-top: 20px;}
.submitwrapwrap .resultsubmitbtn, .resultsubmitbtn-back{width: 100%; max-width: 300px; margin: 0 auto;}
/* 20240216追加↑ */

@media screen and (max-width: 750px) {
.formul > li { display: block; }
.formmidwrap { width: 100%; padding: 10px; border-bottom: none; }
.textareawrap .formmidwrap { padding: 10px; align-items:flex-start;}
.forminputwrap { margin-bottom: 1px; width: 100%; padding: 20px; box-sizing: border-box; }
.form textarea { height: 300px; padding: 15px;}
.form input[type="text"] { padding: 10px;}
::placeholder {}
.form textarea { height: 200px; padding: 10px; }
}

.formresultwrap { width: calc(100% - 20px); padding: 30px 0; margin: 0 auto;text-align: center; }
.formresultttl { margin-bottom: 20px; font-weight: bold;}
.formresultmid,
.formerrormid { font-size: 24px; margin-bottom: 30px; padding-top: 30px; }
.formerrortxt { line-height: 2; margin-bottom: 40px; }
.formresulttxt { margin-bottom: 60px; }
.formresulttxt p { margin-bottom: 20px; line-height: 2; }
.resultsubmitbtn,
.resultsubmitbtn-back { display: inline-block; cursor: pointer; font-size: 18px; color: #8584A9; background: #fff; padding: 20px 80px; box-sizing: border-box; border:1px solid #8584A9;  border-radius: 80px; margin: 0 auto; -webkit-transition:all .3s;transition:all .3s;  }
.resultsubmitbtn:hover,
.resultsubmitbtn-back:hover { background: #8584A9; color: #fff; }
@media screen and (max-width: 550px) {
.formresulttxt p br { display: none; }
/* 20240216追加↓ */
.formresulttab{justify-content: start;}
.formresulttab tr{width: 100%; max-width: 400px; display: flex; flex-flow: column; margin-bottom: 20px;}
.formresulttab th{width: 100%; color: #00000090;}
.formresulttab td{width: 100%; text-align: left;}
/* 20240216追加↑ */
}