/* フォーム
===========================================*/

/* web font
------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Oswald');


/* br設定
===========================================*/
br.pc-line {
    display: inline-block;
}
br.sp-line {
    display: none;
}
@media screen and (max-width: 767px){
br.pc-line {
    display: none;
}
br.sp-line {
    display: inline-block;
}
}

/* hedder
===========================================*/
#form #header .header-area-in {
    height:81px;
    width:1024px;
    margin:0 auto;
}
#form #header .header-logo {
    float:left;
    padding-top:27px;
    padding-left:0px;
}
@media screen and (max-width: 767px){
#form .header-area {
    margin-bottom:0;
}
#form #header .header-area-in {
    background-color:#ffffff;
    width:100%;
    margin:0;
    height:45px;
    border-bottom: solid 2px #c8c8c8;
}
#form #header .header-logo {
    width:140px;
    padding:14px 0 0 10px;
}
}
/* header-logo
=============================================================================*/
#form #header .header-logo .logo {
    font-size:1px;
    float:left;
}
#form #header .header-logo .logo img{
    width:262px;
    height:30px; 
}
@media screen and (max-width: 767px){
#form #header .header-logo .logo img{
    width:143px;
    height:17px;
    margin-bottom:6px;
}
}
/* footer
===========================================*/
#form #footer{
    background-color:#ffffff;
    border-top: solid 2px #c8c8c8;
}
#form #footer .footer-area{
    background-color:#ffffff;
    height:92px;
    padding:14px 0 10px;
    position:relative;
    box-sizing:border-box;
}
#form #footer .footer-area-in{
    width:1024px;
    margin:0 auto;
}
#form #footer .footer-area-in .to-toppage {
    padding-left:27px;
    margin-bottom: 7px;
}
#form #footer .footer-area-in .to-toppage br {
    display: none;
}
#form #footer .footer-area-in .to-toppage a {
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    margin-right:5px;
}
#form #footer .footer-area img{
    float:left;
    width:188px;
    padding-left:27px;
}

@media screen and (max-width: 767px){
#form #footer .footer-area{
    width:100%;
    padding:7px 10px;
    height:49px;
}
#form #footer .footer-area-in{
    width:100%;
}
#form #footer .footer-area-in .to-toppage {
    padding-left:0;
    margin-bottom: 7px;
}
#form #footer .footer-area-in .to-toppage br {
    display: block;
}
#form #footer .footer-area-in .to-toppage a {
    font-size: 10px;
    margin-right: 0;
}
#form #footer .footer-area img{
    width:150px;
    padding-left:0px;
}
}

/*ssl
===========================================*/
#ssl_mark {
    background-color: #EEEEEE;
    margin-bottom: 15px;
    padding: 15px 0;
}
#ssl_mark .ssl_in {
    width: 1024px;
    margin: 0 auto;
}
#ssl_mark .ssl_in .ssl_txt {
    padding-left: 27px;
}
#ssl_mark .ssl_in .ssl_txt a {
    color: #666666;
}
@media screen and (max-width: 767px){
#ssl_mark {
    padding: 10px;
}
#ssl_mark .ssl_in {
    width: 100%
}
#ssl_mark .ssl_in .ssl_txt {
    padding-left: 0;
    font-size: 12px;
}
}
/* base
===========================================*/

.font-size12 {
    font-size:12px;
}

body {
    color: #111111;
    font-family: 'Noto Sans Japanese','メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    letter-spacing:normal;
    line-height:1.4;
}

#form{
    color: #666666;
    background-color: #ffffff;
}
#form form{
    margin-bottom:98px;
}
.bg-yellow{
    background-color: #f5f5e6;
}
.bg-gray{
    background-color: #ebebeb;
}
.red {
    color: #d08275!important;
}
.sparea {
    display:none;
}
br.sp-line{
    display: none;
}

@media screen and (max-width:767px){
#form form{
    margin-bottom:77px;
}
br.sp-line{
    display: block;
}
}
/* h2
===========================================*/

#form h2{
    font-weight: normal;
}

/* 角丸
===========================================*/

.form-area .brd-8{
    border-radius: 8px;
}

/* title-area
===========================================*/
div.title-area{
    padding:60px 0 60px;
}
div.title-area .title {
    width: 1024px;
    margin: 0 auto;
}

div.title h2 {
    text-align: center;
    font-family: 'Noto Serif JP', sans-serif;
    font-size:35px;
    color: #666666;
}

div.title h2 span {
    display: block;
    font-size: 20px;
    padding-top: 3px;
}

@media screen and (max-width:767px){
div.title-area{
    padding:35px 0 40px;
}
div.title-area .title {
    width: 100%;
    margin: 0;
}

div.title h2 {
    font-size:23px;
    margin-bottom: 0;
}
div.title h2 span {
    font-size: 16px;
}
}


/* プレゼント等お知らせ部分
===========================================*/

.attention p {
    background:#ffffff;
    color: #666666;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}


@media screen and (max-width:767px){
.attention p {
    font-size: 13px;
    text-align: center;
    margin-top: 22px;
}
}

/* 同意文言、お知らせ部分
===========================================*/

.attention002 p {
    width: 1024px;
    background:#ffffff;
    color: #666666;
    font-size: 14px;
    text-align: left;
    margin: 0 auto 20px;
}


@media screen and (max-width:767px){
.attention002 p {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 13px;
}
}

/* step
===========================================*/

.step-area{
    padding: 30px 0 65px;
    border-top: solid 1px #000000;
    text-align: center;
}
.step-area .sparea{
    display:none;
}

@media screen and (max-width:767px){
.step-area{
    padding: 30px 23px 45px;
    border-top: solid 1px #000000;
    text-align: center;
}
.step-area .pcarea{
    display: none;
}
.step-area .sparea{
    display: block;
    width: 100%;
}
.step-area .sparea img{
    width: 100%;
}
}

/* table
===========================================*/

/*1col*/
.form-area .form-1col {
    width:1024px;
    margin: 0 auto 31px;
}

.form-area .form-1col .input-area {
    padding:12px;
}
@media screen and (max-width:767px){
.form-area .form-1col {
    width:100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto 31px;
}
}

/*2col*/

.form-area .form-2col {
    width:1024px;
    margin: 0 auto;
}
.form-area .form-2col span ,
.form-area .form-2col p{
    font-size: 18px;
}
.form-area .form-2col .input-area .sub {
    width:297px;
    padding:24px 21px 24px 0;
    box-sizing:border-box;
    float:left;
    text-align:right;
}

.form-area .form-2col .input-area .ipt {
    padding: 12px 0;
    float:left;
    max-width: 727px;
}
.form-area .form-2col .input-area .ipt .pt-5 {
    padding-top: 5px;
    vertical-align: middle;
}
.form-area .form-2col .input-area .ipt .f-15 {
    font-size: 15px;
}
.form-area .form-2col .input-area .sub .text-align-l {
    text-align:left;
}
@media screen and (max-width:767px){
.form-area .form-2col {
    width:100%;
    padding: 25px 20px 0;
    box-sizing: border-box;
}
.form-area .form-2col span ,
.form-area .form-2col p{
    font-size: 15px;
}
.form-area .form-2col .input-area .sub {
    width:100%;
    padding:10px 0;
    box-sizing:border-box;
    float:none;
    text-align:left;
}

.form-area .form-2col .input-area .ipt {
    padding: 0 0 10px 0;
    float:none;
}
.form-area .form-2col .input-area .ipt .pt-5 {
    display: inline-block;
    padding-top: 5px;
}
.form-area .form-2col .input-area .ipt .sp-f-12 {
    font-size: 12px;
}
}


.form-area .form-1col .title ,
.form-area .form-2col .title {
    background:transparent;
    margin:0;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
}
.form-area .form-1col .title p.left ,
.form-area .form-2col .title p.left {
    text-align:left;
}

.form-area .form-2col .title span.sub-txt {
    padding-left:10px;
    font-size:12px;
}

@media screen and (max-width:767px){
.form-area .form-1col .title ,
.form-area .form-2col .title {
    background:transparent;
    width: 100%;
    margin-bottom: 7px;
    padding: 0;
    font-size: 18px;
}
.form-area .form-1col .title p.left ,
.form-area .form-2col .title p.left {
    text-align:left;
}

.form-area .form-2col .title span.sub-txt {
    padding-left:10px;
    font-size:12px;
}
}



/* info
===========================================*/

.form-area .info-area {
    padding: 30px 0;
    text-align: center;
}

.form-area .info-area p {
    font-size:15px;
}
@media screen and (max-width:767px){
.form-area .info-area {
    padding: 7px 0 30px;
    text-align: center;
}

.form-area .info-area p {
    font-size:12px;
}
}

/* Input
===========================================*/


/*textarea*/
.form-area .textarea01 {
    width:100%;
    box-sizing: border-box;
    padding:5px;
    height:150px;
    margin: 10px 0;
}
.form-area .textarea02 {
    width:430px;
    box-sizing: border-box;
    padding:5px;
    height:150px;
    margin: 10px 0;
}
@media screen and (max-width:767px){
.form-area .textarea01 ,
.form-area .textarea02 {
    width:100%;
    box-sizing: border-box;
    padding:5px;
    height:136px;
    margin: 10px 0;
}
}
/*checkbox*/
.form-area ul.checkarea {
    padding: 12px 0;
}
.form-area .checkarea li {
    display:inline;
    padding-right: 20px;
}
.form-area .checkarea li.list01 {
    min-width:190px;
    display:inline-block;
}

.form-area .checkarea li input {
    border:none !important;
    margin-bottom: 5px;
}

.form-area .check-block li {
    display:block;
}
.form-area .check-block02 ,
.form-area .check-block03 {
    display: flex;
    flex-wrap: wrap;
}
.form-area .check-block02 li {
    width: 33%;
    box-sizing: border-box;
    padding-right: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width:767px){
.form-area ul.checkarea {
    padding: 0;
}
.form-area .check-block02 ,
.form-area .check-block03 {
    display: block;
}
.form-area .check-block02 li {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
}
.form-area .check-block03 {
    display: flex;
    flex-wrap: wrap;
}
.form-area .check-block03 li {
    width: 50%;
    padding-right: 0;
    margin-bottom: 10px;
}
}

/*text*/
.form-area .f-text01 {
    width:100%;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
}
.form-area .f-text02 {
    width:430px;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
}
.form-area .f-text03 {
    width:215px;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
}
.form-area .f-text04 {
    width:100%;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
}
@media screen and (max-width:767px){
.form-area .f-text01 {
    font-size: 14px;
}
.form-area .f-text02 {
    width:100%;
    box-sizing: border-box;
}
}


/*bg-dark-block*/
.form-area .bg-gray span.bg-dark-block {
    display: inline-block;
    background-color: #9f9f9f;
    color: #ffffff;
    padding: 3px;
    font-size: 14px;
    margin-top: 5px;
}

/*serect*/
.form-area .select-area {
    position: relative;
}
.form-area .select-area::before {
    position: absolute;
    top: 45%;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top:6px solid #666666;
    pointer-events: none;
}
.form-area  select.s-w01::-ms-expand {
    display: none;
}
.form-area select.s-w01 {
    width:100%;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid rgb(186, 186, 186);
    outline: none;
    box-shadow: none;
    background: #ffffff;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
}
.form-area  select.s-w02::-ms-expand {
    display: none;
}
.form-area select.s-w02 {
    width:100%;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid rgb(186, 186, 186);
    outline: none;
    box-shadow: none;
    background: #ffffff;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
}
.form-area  select.s-w03::-ms-expand {
    display: none;
}
.form-area select.s-w03 {
    width:430px;
    padding:10px;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid rgb(186, 186, 186);
    outline: none;
    box-shadow: none;
    background: #ffffff;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
}
@media screen and (max-width:767px){
.form-area select.s-w01 {
    font-size: 14px;
}
.form-area select.s-w03 {
    width:100%;
}
}

/* Error
===========================================*/

.form-area .esse {
    display:block;
    padding-right:62px;
    background:url("../../image/form-esse-ic01.gif") no-repeat right center;
    background-size: 52px;
}

.form-area .h2-area .esse {
    padding-left:43px;
    background-position:5px 3px;
    *background-position:10px 3px;
}

#form .error-txt {
    text-align:center;
    color:#d08275;
    padding: 10px 0;
    background-color: #ffcccc;
    font-weight:bold;
    font-size: 18px;
    margin-top: 15px;
}

#form .error-area {
    margin-bottom:15px;
    background:#fff7f7;
    padding: 20px 0;
}
#form .erroe-area-in{
    width:724px;
    margin: 0 auto;
    padding-left: 300px;
}
#form .error {
    color:#d08275;
    font-weight:bold;
    display:block;
    font-size: 14px;
}
#form .error-message{
    padding-left: 300px;
    margin-bottom: -12px;
}

@media screen and (max-width:767px){
.form-area .esse {
    display:inline-block;
    padding-right:45px;
    background-size: 37px;
}

.form-area .h2-area .esse {
    padding-left:43px;
    background-position:5px 3px;
    *background-position:10px 3px;
}
#form .error-txt {
    font-size: 14px;
    padding: 10px 10px;
    margin-top:20px;
}

#form .error-area {
    display: none;
}
#form .error {
    color:#d08275;
    font-weight:bold;
    display:block;
    font-size: 12px;
}
#form .error-message{
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: -12px;
}
}
    
/* txtarea
===========================================*/

.txt-area {
    margin-bottom:15px;
}

.txt01 {
    padding-bottom:10px;
}

.txt02 {
    padding-bottom:5px;
}

.txt03 {
    padding-top:10px;
}

/* Send
===========================================*/

.form-area .form_btn {
    text-align:center;
}

.form-area .send-area {
    margin-bottom:47px;
    text-align: center;
}
.form-area .send-area p{
    margin-bottom: 13px;
}
.form-area .send-area p a{
    color: #666666;
}
.form-area .send-area p a:hover{
    color:#ff9900;
}

.form-area .send-area .doui-box {
    display:inline-block;
    border: solid 3px #d3e2ec;
}
.form-area .send-area .doui-box span{
    position:relative;
    display: inline-block;
    color: #0074BD;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 82px 10px 93px;
    cursor: pointer;
    transition: all 0.3s;
}
.form-area .send-area .doui-box span:hover {
    background-color: #d3e2ec;
}
.form-area .send-area .doui-box input {
    display: none;
}
.form-area .send-area .doui-box span::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 12px;
    width: 15px;
    height: 15px;
    border: 1px solid #0074BD;
    border-radius: 2px;
}
.form-area .send-area .doui-box input:checked + span::before {
    background-color: #0074BD;
}
.form-area .send-area .doui-box input:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 17px;
    width: 6px;
    height: 12px;
    transform: rotate(40deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.form-area .form_btn input.send-btn {
    -webkit-appearance: none;
  }
.form-area .form_btn .send-btn {
    cursor:pointer;
    font-size:18px;
    border: none !important;
    background-color: #009688!important;
    color: #fff;
    font-weight: 600;
    padding: 15px 42px;
    text-align: center;
    background-image: none;
    transition: all 0.3s;
}
.form-area .form_btn .send-btn:hover {
    background-color: #5BB834!important;
}

span.back {
    display:block;
    text-align:left;
}
@media screen and (max-width:767px){
.form-area .form_btn {
    text-align:center;
}
.form-area .send-area p{
    margin-bottom: 5px;
}
}
/* conf
===========================================*/
#form .form-2col .conf-area{
    border-top:dotted 2px #a9a9a9;
    width: 572px;
    margin: 0 auto;
}
#form .form-2col .conf-area:last-child{
    border-bottom:dotted 2px #a9a9a9;
    margin-bottom: 20px;
}
#form .form-2col .conf-area .sub ,
#form .form-2col .conf-area .ipt{
    width: 48%;
}
#form .form-2col .conf-area .sub {
    float: left;
}
#form .form-2col .conf-area .ipt {
    float: right;
}
#form .form-2col .conf-area .sub p,
#form .form-2col .conf-area .ipt p{
    font-size:18px;
    padding: 14px 0;
}
#form .form-1col .conf-area ul li{
    border-top:dotted 2px #a9a9a9;
    width: 572px;
    margin: 0 auto;
}
#form .form-1col .conf-area ul li:last-child{
    border-bottom:dotted 2px #a9a9a9;
    margin-bottom: 20px;
}
#form .form-1col .conf-area ul li span {
    display: inline-block;
    font-size: 16px;
    padding: 14px 0;
}
#form .back-area{
    text-align: center;
    padding-top:45px;
}
#form .back{
    display: inline-block;
    border: solid 3px #EAEAEA;
    width: 263px;
    text-align: center;
}
#form .back a{
    display: block;
    padding: 5px 0;
    color: #666666;text-decoration: none;
    transition: all 0.3s;
}
#form .back a:hover {
    background: #EAEAEA;
}
#form .back a span{
    padding-left: 18px;
    font-size: 18px;
    background-image:url("../../image/btn-ar002.gif");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:10px auto;
}
@media screen and (max-width:767px){
#form .form-2col .conf-area{
    border-top:dotted 2px #a9a9a9;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
}
#form .form-2col .conf-area:last-child{
    padding-bottom: 15px;
}
#form .form-2col .conf-area .sub ,
#form .form-2col .conf-area .ipt{
    width: 100%;
}
#form .form-2col .conf-area .sub {
    float: none;
}
#form .form-2col .conf-area .ipt {
    float: none;
}
#form .form-2col .conf-area .sub p,
#form .form-2col .conf-area .ipt p{
    font-size:15px;
}
#form .form-2col .conf-area .sub p{
    padding-bottom: 12px;
}
#form .form-2col .conf-area .ipt p{
    padding: 0 0 0 15px;
}
#form .form-1col .conf-area ul li{
    width: 100%;
}
#form .back-area{
    text-align: center;
    padding-top:45px;
}
#form .back{
    display: inline-block;
    border: solid 3px #d5d5d6;
    width: 263px;
    text-align: center;
}
#form .back a{
    display: block;
    padding: 7px 0;
    color: #666666;text-decoration: none;
}
#form .back a span{
    padding-left: 18px;
    font-size: 18px;
    background-image:url("../../image/btn-ar002.gif");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:10px auto;
}
}
/* Thanks
===========================================*/
.thanks-area {
    margin-bottom: 95px;
}
.thanks-area .title {
    background: transparent;
    margin: 0;
    text-align: center;
    padding: 35px;
    font-size: 18px;
}
#form .flow-area .flow-title {
    font-size:28px;
}
#form .flow-area .flow-text {
    font-size:18px;
}
#form .flow-area {
    text-align:center;
}
#form .flow-area .flow {
    padding-bottom: 30px;
}
#form .flow-area .flow img {
    margin-bottom: 10px;
}
#form .flow-area .flow-ar {
    padding-bottom: 30px;
}
#form .inq-area {
    text-align: center;
    padding: 35px 0;
    margin:0 auto 50px;
}
#form .inq-area p.inq-txt {
    padding: 0 0 25px;
    font-size: 24px;
}
#form .inq-area-in {
    margin: 0 0 15px;
}
#form .inq-area p {
    font-size: 18px;
}
#form .inq-area p.phone span{
    font-family: 'Oswald', sans-serif;
    font-size: 53px;
    padding-left: 73px;
    background-image: url("../../image/form-tel-ic01.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 57px auto;
}
.thanks-area .text-area {
    padding: 50px 0;
    text-align:center;
}
.thanks-area .text-area p.text-large{
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px;
}
.thanks-area .text-area p.text-normal{
    font-size: 18px;
}
.thanks-area .button-area {
    text-align: center;
}
.thanks-area .button-area .button {
    width: 250px;
    display: inline-block;
}
.thanks-area .button-area .button a{
    position: relative;
    display: block;
    text-decoration: none;
    background: #EAEAEA;
    padding: 13px 0 13px;
    text-align: center;
    color: #666666;
    transition: all 0.3s;
}
.thanks-area .button-area .button a:hover {
    background: #cbcbcb;
}
.thanks-area .button-area .button a span{
    display: inline-block;
    font-size: 15px;
    padding-right: 16px;
    background-image: url(../../image/btn-ar001.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px auto;
}
.thanks-area .button-area .button a span.close{
    display: inline-block;
    font-size: 15px;
    padding-left: 16px;
    padding-right: 0;
    background-image: none;
}
@media screen and (max-width:767px){
.thanks-area {
    margin-bottom: 95px;
}
.thanks-area .title {
    font-size: 20px;
}
#form .flow-area .flow-title {
    font-size:18px;
    margin-bottom: 10px;
}
#form .flow-area .flow-text {
    font-size:14px;
}
#form .flow-area {
    text-align:center;
    padding: 0 10px;
}
#form .flow-area .flow {
    padding-bottom: 55px;
}
#form .flow-area .flow img {
    margin-bottom: 20px;
}
#form .flow-area .flow-ar {
    padding-bottom: 45px;
}
#form .inq-area p.inq-txt {
    font-size: 18px;
}
#form .inq-area p {
    font-size: 14px;
}
#form .inq-area p.phone span{
    font-size: 32px;
    padding-left: 39px;
    background-position: left 65%;
    background-size: 31px auto;
}
.thanks-area .text-area {
    padding: 25px 0;
    text-align:center;
}
.thanks-area .text-area p.text-large{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.thanks-area .text-area p.text-normal{
    font-size: 14px;
}
.thanks-area .button-area {
    text-align: center;
}
.thanks-area .button-area .button {
    width: 250px;
    display: inline-block;
}
}

/* 展示場ご来場予約
ハイムプラザ来場予約
===========================================*/
.form-area .form-2col .input-area-w430 {
    width: 430px;
    margin: 0 auto;
}
.tenji .form-area .form-2col .input-area-w430 .error-message ,
.heim-plaza .form-area .form-2col .input-area-w430 .error-message{
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.tenji .form-area .form-2col .input-area-w430 input#day ,
.heim-plaza .form-area .form-2col .input-area-w430 input#day {
    background-color: #fff!important;
    border: 1px solid rgb(186, 186, 186)!important;
    outline: none!important;
}
.tenji .form-area .form-1col-w420 ,
.heim-plaza .form-area .form-1col-w420{
    width: 420px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0 35px;
}
.tenji .form-area .form-1col-w420 .title p ,
.heim-plaza .form-area .form-1col-w420 .title p{
    font-size: 18px;
}
.tenji .form-area .form-2col-w427 ,
.heim-plaza .form-area .form-2col-w427 ,
.tenji .thanks-area .form-2col-w427 ,
.heim-plaza .thanks-area .form-2col-w427 {
    width: 427px;
    margin: 0 auto 32px;
}
.tenji .form-area .form-2col-w427 .title ,
.heim-plaza .form-area .form-2col-w427 .title ,
.tenji .thanks-area .form-2col-w427 .title ,
.heim-plaza .thanks-area .form-2col-w427 .title {
    font-size: 18px;
    padding: 0;
    text-align: center;
    border-bottom: solid 1px #666666;
}
.tenji .form-area .form-2col-w427 .conf-area ,
.heim-plaza .form-area .form-2col-w427 .conf-area ,
.tenji .thanks-area .form-2col-w427 .conf-area ,
.heim-plaza .thanks-area .form-2col-w427 .conf-area {
    text-align: center;
    padding: 8px 0 ;
}
.tenji .form-area .form-2col-w427 .conf-area .sub ,
.heim-plaza .form-area .form-2col-w427 .conf-area .sub ,
.tenji .thanks-area .form-2col-w427 .conf-area .sub ,
.heim-plaza .thanks-area .form-2col-w427 .conf-area .sub {
    width:55%;
    float: left;
    text-align: right;
}
.tenji .form-area .form-2col-w427 .conf-area .ipt ,
.heim-plaza .form-area .form-2col-w427 .conf-area .ipt ,
.tenji .thanks-area .form-2col-w427 .conf-area .ipt ,
.heim-plaza .thanks-area .form-2col-w427 .conf-area .ipt {
    width:40%;
    float: right;
    text-align: left;
}
.tenji .form-area .form-2col-w427 .conf-area p ,
.heim-plaza .form-area .form-2col-w427 .conf-area p ,
.tenji .thanks-area .form-2col-w427 .conf-area p ,
.heim-plaza .thanks-area .form-2col-w427 .conf-area p {
    font-size: 20px;
    font-weight: bold;
}
.tenji .form-area .form-1col-w575 ,
.heim-plaza .form-area .form-1col-w575 {
    width: 575px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0 35px;
}
.tenji .form-area .form-1col-w575 .title p,
.heim-plaza .form-area .form-1col-w575 .title p{
    font-size: 18px;
}
.tenji .form-area .form-1col-w575 .conf-area,
.heim-plaza .form-area .form-1col-w575 .conf-area{
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    padding: 15px 0;
}
.tenji .form-area .form-1col-w575 .conf-area p,
.heim-plaza .form-area .form-1col-w575 .conf-area p{
    font-size: 18px;
}
.tenji .form-area .tenji-name ,
.heim-plaza .form-area .plaza-event-name ,
.tenji .thanks-area .tenji-name ,
.heim-plaza .thanks-area .plaza-event-name {
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 4px 10px 7px;
    width: 397px;
    border: solid 5px #c8c8c8;
}
.tenji .form-area .bg-gray ,
.heim-plaza .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 50px;
}
.tenji .thanks-area .tenji-inq ,
.heim-plaza .thanks-area .plaza-inq {
    width: 1024px;
    margin: 0 auto 31px;
}
.tenji .thanks-area .tenji-inq .text,
.heim-plaza .thanks-area .plaza-inq .text{
    text-align:center;
    font-size: 18px;
    margin-bottom: 5px;
}
.tenji .form-area .bg-yellow ,
.heim-plaza .form-area .bg-yellow {
    padding: 48px 0 48px 0;
}
.tenji .form-area .info-area.tenji-form-info ,
.heim-plaza .form-area .info-area.plaza-form-info {
    padding: 0;
}
.tenji .form-area .info-area.tenji-form-info p span ,
.heim-plaza .form-area .info-area.plaza-form-info p span {
    font-size: 14px;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
.tenji .form-area .info-area.tenji-form-info p span.reservation ,
.heim-plaza .foea .info-area.plaza-form-info p span.reservation {
    margin-bottom: 8px;
}
.tenji .form-area .info-area.tenji-form-info p span.reservation::before ,
.heim-plaza .form-area .info-area.plaza-form-info p span.reservation::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #d08275;
    position: absolute;
    top: 4px;
    left: 0;
}
.tenji .form-area .tenji-form-open-button__wrap ,
.heim-plaza .form-area .plaza-form-open-button__wrap {
    margin-top: 40px;
}
.tenji .form-area .tenji-form-open-button ,
.heim-plaza .form-area .plaza-form-open-button {
    margin: 0 auto;
    display: block;
    width: 245px;
    background-color: #E24E09;
    color:#fff;
    padding: 16px 0;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s;
}
.tenji .form-area .tenji-form-open-button.close ,
.heim-plaza .form-area .plaza-form-open-button.close {
    background-color: #0074BD;
}
.tenji .form-area .tenji-form-open-button:hover ,
.heim-plaza .form-area .plaza-form-open-button:hover {
    background-color: #EB8A2A;
}
.tenji .form-area .tenji-form-open-button.close:hover ,
.heim-plaza .form-area .plaza-form-open-button.close:hover {
    background-color: #0a2d47;
}
.tenji .form-area .tenji-form-open-button span ,
.heim-plaza .form-area .plaza-form-open-button span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding-right: 16px;
    position: relative;
}
.tenji .form-area .tenji-form-open-button span::before,
.heim-plaza .form-area .plaza-form-open-button span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: calc(50% - 2px);
    right: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 7px 5px 0 5px;
}
.tenji .form-area .tenji-form-open-button.close  span::before ,
.heim-plaza .form-area .plaza-form-open-button.close  span::before {
    border-color: transparent transparent #fff transparent;
    border-width: 0 5px 7px 5px;
}
.tenji .form-area .form_btn .send-btn.application ,
.heim-plaza .form-area .form_btn .send-btn.application {
    padding: 15px 72px;
}
.tenji .attention p.tenji-attention--large ,
.heim-plaza .attention p.plaza-attention--large {
    font-size: 40px;
    font-weight: 500;
}
.tenji .attention p.tenji-attention--red ,
.heim-plaza .attention p.plaza-attention--red {
    color: #d08275;
}
.tenji .attention p.tenji-form-present ,
.heim-plaza .attention p.heim-plaza-form-present {
    width: 594px;
    margin: 45px auto 0;
    border: solid 5px #e9d6d6;
    padding: 20px 30px 20px;
    box-sizing: border-box;
    position: relative;
}
.tenji .attention p.tenji-form-present::before ,
.heim-plaza .attention p.heim-plaza-form-present::before {
    content:"";
    width: 70px;
    height: 50px;
    background: #fff url("../../image/tenji-presemt-ic001.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 35px auto;
    position: absolute;
    top: -30px;
    left: calc( 50% - 35px );
}
.tenji .form-area .tenji-month-input__title ,
.heim-plaza .form-area .plaza-month-input__title {
    padding: 0 0 10px;
}
.tenji .form-area .tenji-time-input__title ,
.heim-plaza .form-area .plaza-time-input__title {
    padding: 30px 0 10px;
}

/*展示フォームアンケート*/
.tenji .form-area .tenji-questionnaire-title ,
.heim-plaza .form-area .heim-plaza-questionnaire-title {
    width: 1024px;
    margin: 40px auto 20px;
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #E24E09;
    font-size: 22px;
    color:#E24E09;
    text-align: center;
}
.tenji .form-area .tenji-questionnaire-form .checkarea ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .checkarea {
    width: 727px;
}
.tenji .form-area .tenji-questionnaire-form .checkarea li ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .checkarea li {
    display: inline-block;
    width: 49%;
    padding-right: 0;
}
.tenji .form-area .tenji-questionnaire-form .checkarea li input#questionnaire010-10-tx ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .checkarea li input#questionnaire010-10-tx {
    border: 1px solid rgb(186, 186, 186)!important;
    margin-left: 8px;
    padding: 5px;
    font-size: 15px;
    width: 215px;
}

@media screen and (max-width:767px){
.form-area .form-2col .input-area-w430 {
    width: 100%;
    padding-top: 12px;
    margin: 0 auto;
}
.tenji .form-area .form-1col-w420,
.heim-plaza .form-area .form-1col-w420{
    width: 100%;
    margin: 0 auto;
    padding: 25px 20px 17px;
}
.tenji .form-area .form-1col-w420 .title p,
.heim-plaza .form-area .form-1col-w420 .title p{
    font-size: 13px;
}
.tenji .form-area .form-1col-w420 .title p br.pc-line,
.heim-plaza .form-area .form-1col-w420 .title p br.pc-line{
    display: none;
}
    
.tenji .form-area .form-2col-w427 ,
.heim-plaza .form-area .form-2col-w427 ,
.tenji .thanks-area .form-2col-w427 ,
.heim-plaza .thanks-area .form-2col-w427 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
}
.tenji .form-area .form-2col-w427 .title ,
.heim-plaza .form-area .form-2col-w427 .title ,
.tenji .thanks-area .form-2col-w427 .title ,
.heim-plaza .thanks-area .form-2col-w427 .title {
        margin: 0 20px;
    }
.tenji .form-area .form-2col-w427 .conf-area p ,
.heim-plaza .form-area .form-2col-w427 .conf-area p ,
.tenji .thanks-area .form-2col-w427 .conf-area p ,
.heim-plaza .thanks-area .form-2col-w427 .conf-area p {
    font-size: 20px;
    font-weight: bold;
}
.tenji .form-area .form-1col-w575 ,
.heim-plaza .form-area .form-1col-w575 {
    width: 100%;
    padding: 25px 20px 35px;
}
.tenji .form-area .form-1col-w575 .title p,
.heim-plaza .form-area .form-1col-w575 .title p{
    font-size: 14px;
    margin-bottom:5px;
}
.tenji .form-area .form-1col-w575 .conf-area p,
.heim-plaza .form-area .form-1col-w575 .conf-area p{
    font-size: 14px;
}
.tenji .form-area .tenji-name ,
.heim-plaza .form-area .plaza-event-name ,
.tenji .thanks-area .tenji-name ,
.heim-plaza .thanks-area .plaza-event-name {
    font-size: 24px;
    padding: 4px 10px 7px;
    width: 100%;
    box-sizing: border-box;
}
.tenji .form-area .bg-gray ,
.heim-plaza .form-area .bg-gray {
    padding: 0 0 20px 0;
    margin-bottom: 45px;
}
.tenji .thanks-area .tenji-inq ,
.heim-plaza .thanks-area .plaza-inq {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tenji .form-area .bg-yellow ,
.heim-plaza .form-area .bg-yellow {
    padding: 10px 0 48px 0;
}
.tenji .attention p.tenji-attention--large ,
.heim-plaza .attention p.plaza-attention--large {
    font-size: 24px;
}
.tenji .attention p.tenji-form-present ,
.heim-plaza .attention p.heim-plaza-form-present {
    width: calc( 100% - 40px );
}
.tenji .attention p.tenji-form-present::before ,
.heim-plaza .attention p.heim-plaza-form-present::before {
    background-size: 30px auto;
}

.tenji .form-area .tenji-time-input__title ,
.heim-plaza .form-area .plaza-time-input__title {
    padding: 30px 0 0;
}

/*展示フォームアンケート*/
.tenji .form-area .tenji-questionnaire-title ,
.heim-plaza .form-area .heim-plaza-questionnaire-title {
    width: calc(100% - 20px);
    font-size: 18px;
}
.tenji .form-area .tenji-questionnaire-form .title ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .title {
    margin: 20px 0 20px;
    padding: 20px;
    font-size: 18px;
}
.tenji .form-area .tenji-questionnaire-form .checkarea ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .checkarea {
    width: 100%;
}
.tenji .form-area .tenji-questionnaire-form .checkarea li ,
.heim-plaza .form-area .heim-plaza-questionnaire-form .checkarea li {
    display: block;
    width: 100%;
}
}

/* calendar
===========================================*/
.form-area .calendar {
    text-align: center;
    position: relative;
    width:430px;
    margin: 20px auto 10px;
}
.form-area .calendar div.year ,
.form-area .calendar div.month {
    position: absolute;
    left: -95px;
    color: #4e4e51;
    width: 75px;
    text-align: right;
    font-weight: bold;
}
.form-area .calendar div.year {
    font-size: 20px;
    top: 0;
}
.form-area .calendar div.month {
    font-size: 25px;
    top: 30px;
}
.form-area .calendar div.last-month ,
.form-area .calendar div.next-month {
    position: absolute;
    top: 50%;
    width: 125px;
}
.form-area .calendar div.last-month {
    left: -150px;
}
.form-area .calendar div.next-month {
    right: -150px;
}
.form-area .calendar div.last-month a ,
.form-area .calendar div.next-month a {
    color: #666666;
    text-decoration: none;
    font-size: 16px;
}
.form-area .calendar div.last-month a:hover ,
.form-area .calendar div.next-month a:hover {
    color: #CC6600;
}
.form-area .select-text {
    width:430px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    color: #d08275;
    padding: 18px 0 9px;
    display: none;
}
.form-area .info-text {
    width:430px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    color: #666666;
    padding: 18px 0 9px;
}
.form-area .calendar table {
    border-top: solid 2px #666666;
    border-bottom: solid 2px #666666;
    margin: 0 auto;
}
.form-area .calendar th {
    background-color: #ffffff;
    width: 60px;
    padding: 2px 0 6px;
    border-bottom: solid 2px #666666;
}
.form-area .calendar th span {
    font-size: 14px;
}
.form-area .calendar tr {
    border-bottom: solid 1px #d9d9d9;
}
.form-area .calendar tr:last-child {
    border-bottom: none;
}
.form-area .calendar td{
    background-color: #ffffff;
    text-align: center;
}
.form-area .calendar td.blank {
    background-color:#f1f1f1;
}
.form-area .calendar td.blank span {
    display:none;
}
.form-area .calendar td.holiday {
    background-color:#f6e6e3;
}
.form-area .calendar td.today {
    background-color:#f6f7e8;
}
.form-area .calendar td span {
    padding-top: 8px;
    padding-bottom: 25px;
    display: block;
    font-size: 14px;
    position: relative;
}
.form-area .calendar td span.ok {
    cursor: pointer;
}
.form-area .calendar td span.ok::before {
    content: "選択";
    font-size: 14px;
    text-decoration: underline;
    color: #0474BB;
    position: absolute;
    bottom: 7px;
    left: calc( 50% - 14px );
}
.form-area .calendar td span:hover.ok::before {
    color: #CC6600;
}
.form-area .calendar td span.ng {
    background-image:url("../../image/form-cal-ic02.png");
    background-position:center 30px;
    background-repeat:no-repeat;
    background-size:13px auto;
}
.form-area .calendar td span.saturday ,
.form-area .calendar th span.saturday {
    color: #4f74af;
}
.form-area .calendar td span.sunday ,
.form-area .calendar th span.sunday {
    color: #c7705a;
}

@media screen and (max-width:767px){
.form-area .calendar {
    position: relative;
    width:100%;
    box-sizing: border-box;
    margin-top: 20px;
}
.form-area .calendar div.year ,
.form-area .calendar div.month {
    position: static;
    width: 55px;
    margin: 0 auto;
}
.form-area .calendar div.year {
    padding-top: 5px;
    font-size: 14px;
}
.form-area .calendar div.month {
    font-size: 22px;
}
.form-area .calendar div.last-month ,
.form-area .calendar div.next-month {
    position: static;
    width: 125px;
}
.form-area .calendar div.last-month {
    float:left;
}
.form-area .calendar div.next-month {
    float:right;
}
.form-area .calendar div.last-month a ,
.form-area .calendar div.next-month a {
    font-size: 13px;
}
.form-area .select-text {
    width: 100%;
    padding: 22px 0 0;
}
.form-area .info-text {
    width: 100%;
    padding: 22px 0 0;
}
.form-area .info-text p {
    font-size: 14px;
}
.form-area .calendar table{
    border-top: solid 2px #666666;
    border-bottom: solid 2px #666666;
    margin: 0 auto 13px;
}
.form-area .callendar th{
    background-color: #ffffff;
    padding: 2px 0 6px;
    border-bottom: solid 2px #666666;
}
.form-area .calendar th span{
    font-size: 13px;
}
.form-area .calendar tr{
    border-bottom: solid 1px #d9d9d9;
}
.form-area .calendar td{
    height: 36px;
}
.form-area .calendar td span{
    padding-top: 8px;
    padding-bottom: 20px;
    font-size: 13px;
}
.form-area .calendar td span.ok::before {
    bottom: 5px;
}
.form-area .calendar td span.ng{
    background-position:center 30px;
    background-size:10px auto;
}
}

/*期間限定　tenji予約メリット*/
.tenji .tenji-form-conversion__wrap ,
.heim-plaza .heim-plaza-form-conversion__wrap {
    background-color: #FDF1EB;
    padding: 30px 0 30px;
    margin-top: 70px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-conversion__wrap ,
    .heim-plaza .heim-plaza-form-conversion__wrap {
      padding: 30px 10px 30px;
      margin-top: 40px;
    }
  }

  .tenji .tenji-form-normal-text p ,
  .heim-plaza .heim-plaza-form-normal-text p {
    font-size: 14px;
    margin: 0;
  }
  p.tenji-form-conversion-attention ,
  p.heim-plaza-form-conversion-attention {
      width: 1024px;
      margin: 15px auto 0;
      font-size: 14px;
  }
  @media screen and (max-width: 767px) {
    p.tenji-form-conversion-attention ,
    p.heim-plaza-form-conversion-attention {
        width: calc( 100% - 20px );
        margin: 15px auto 0;
    }
  }

  .tenji .tenji-form-privilege-title__wrap ,
  .heim-plaza .heim-plaza-form-privilege-title__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    box-sizing: border-box;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-title__wrap ,
    .heim-plaza .heim-plaza-form-privilege-title__wrap {
      display: block;
      width: 100%;
    }
  }
  
  .tenji .tenji-form-privilege-subtitle p ,
  .heim-plaza .heim-plaza-form-privilege-subtitle p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-subtitle p ,
    .heim-plaza .heim-plaza-form-privilege-subtitle p {
      font-size: 16px;
    }
  }
  
  .tenji .tenji-form-privilege-subtitle p span ,
  .heim-plaza .heim-plaza-form-privilege-subtitle p span {
    font-size: 16px;
    color: #fff;
    background: #e24e09;
    display: block;
    line-height: 1.2;
    padding: 6px 6px;
    margin-right: 6px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-subtitle p span ,
    .heim-plaza .heim-plaza-form-privilege-subtitle p span {
      font-size: 14px;
    }
  }
  
  .tenji .tenji-form-privilege-title-text ,
  .heim-plaza .heim-plaza-form-privilege-title-text {
    display: flex;
    justify-content: center;
    padding: 0 0 11px 11px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-title-text ,
    .heim-plaza .heim-plaza-form-privilege-title-text {
      padding: 0;
      margin-top: 10px;
    }
  }
  
  .tenji .tenji-form-privilege-title-text p ,
  .heim-plaza .heim-plaza-form-privilege-title-text p {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #e24e09;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-title-text p ,
    .heim-plaza .heim-plaza-form-privilege-title-text p {
      font-size: 16px;
    }
  }
  
  .tenji .tenji-form-privilege-title-text p span.bold ,
  .heim-plaza .heim-plaza-form-privilege-title-text p span.bold {
    font-weight: bold;
  }
  
  .tenji .tenji-form-privilege-title-text p span.middle ,
  .heim-plaza .heim-plaza-form-privilege-title-text p span.middle {
    font-size: 22px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-title-text p span.middle ,
    .heim-plaza .heim-plaza-form-privilege-title-text p span.middle {
      font-size: 18px;
    }
  }
  
  .tenji .tenji-form-privilege-title-text p span.large ,
  .heim-plaza .heim-plaza-form-privilege-title-text p span.large {
    font-size: 32px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-title-text p span.large ,
    .heim-plaza .heim-plaza-form-privilege-title-text p span.large {
      font-size: 28px;
    }
  }
  
  .tenji .tenji-form-privilege-box__wrap ,
  .heim-plaza .heim-plaza-form-privilege-box__wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-box__wrap ,
    .heim-plaza .heim-plaza-form-privilege-box__wrap {
      display: block;
    }
  }
  
  .tenji .tenji-form-privilege-box ,
  .heim-plaza .heim-plaza-form-privilege-box {
    width: 450px;
    box-sizing: border-box;
    padding: 24px 25px 23px;
    background-color: #fff;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-box ,
    .heim-plaza .heim-plaza-form-privilege-box {
      width: 100%;
      padding: 10px 10px 10px;
    }
    .tenji .tenji-form-privilege-box:not(:first-child) ,
    .heim-plaza .heim-plaza-form-privilege-box:not(:first-child) {
      margin-top: 15px;
    }
  }
  
  .tenji .tenji-form-privilege-box-top ,
  .heim-plaza .heim-plaza-form-privilege-box-top {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 4px;
    border-bottom: solid 1px #CCCCCC;
  }
  
  .tenji .tenji-form-privilege-box-top p ,
  .heim-plaza .heim-plaza-form-privilege-box-top p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
  }

  .tenji .tenji-form-privilege-box-top p br.sp-only ,
  .heim-plaza .heim-plaza-form-privilege-box-top p br.sp-only {
    display: none;
  }

  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-box-top p ,
    .heim-plaza .heim-plaza-form-privilege-box-top p {
      font-size: 14px;
      line-height: 1.4;
    }
    .tenji .tenji-form-privilege-box-top p br.sp-only ,
    .heim-plaza .heim-plaza-form-privilege-box-top p br.sp-only {
      display: block;
    }
  }
  
  .tenji .tenji-form-privilege-box-bottom ,
  .heim-plaza .heim-plaza-form-privilege-box-bottom {
    display: flex;
    justify-content: center;
    margin-top: 14px;
  }
  
  .tenji .tenji-form-privilege-icon p ,
  .heim-plaza .heim-plaza-form-privilege-icon p {
    width: 101px;
    height: 35px;
    border-radius: 3px;
    background: #f9d8ca;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #e24e09;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-icon p ,
    .heim-plaza .heim-plaza-form-privilege-icon p {
      font-size: 14px;
      width: 60px;
      height: 24px;
    }
  }
  
  .tenji .tenji-form-privilege-text ,
  .heim-plaza .heim-plaza-form-privilege-text {
    margin-left: 16px;
    position: relative;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text ,
    .heim-plaza .heim-plaza-form-privilege-text {
      margin-left: 10px;
    }
  }
  
  .tenji .tenji-form-privilege-text.privilege-ic001 ,
  .heim-plaza .heim-plaza-form-privilege-text.privilege-ic001 {
    padding-left: 19px;
  }
  
  .tenji .tenji-form-privilege-text.privilege-ic001::before ,
  .heim-plaza .heim-plaza-form-privilege-text.privilege-ic001::before {
    content: "";
    width: 15px;
    height: 18px;
    background: url(../../image/tenji-presemt-ic001.png) no-repeat 0 0/contain;
    position: absolute;
    left: 0;
    bottom: 6px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text.privilege-ic001::before ,
    .heim-plaza .heim-plaza-form-privilege-text.privilege-ic001::before {
      bottom: 3px;
    }
  }
  
  .tenji .tenji-form-privilege-text.privilege-ic002 ,
  .heim-plaza .heim-plaza-form-privilege-text.privilege-ic002 {
    padding-left: 21px;
  }
  
  .tenji .tenji-form-privilege-text.privilege-ic002::before ,
  .heim-plaza .heim-plaza-form-privilege-text.privilege-ic002::before {
    content: "";
    width: 19px;
    height: 17px;
    background: url(../../image/tenji-presemt-ic001.png) no-repeat 0 0/contain;
    position: absolute;
    left: 0;
    bottom: 7px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text.privilege-ic002::before ,
    .heim-plaza .heim-plaza-form-privilege-text.privilege-ic002::before {
      bottom: 3px;
    }
  }
  
  .tenji .tenji-form-privilege-text p ,
  .heim-plaza .heim-plaza-form-privilege-text p {
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #e24e09;
  }
  
  .tenji .tenji-form-privilege-text p span.large ,
  .heim-plaza .heim-plaza-form-privilege-text p span.large {
    font-size: 30px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text p span.large ,
    .heim-plaza .heim-plaza-form-privilege-text p span.large {
      font-size: 22px;
    }
  }
  
  .tenji .tenji-form-privilege-text p span.middle ,
  .heim-plaza .heim-plaza-form-privilege-text p span.middle {
    font-size: 16px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text p span.middle ,
  .heim-plaza .heim-plaza-form-privilege-text p span.middle {
      font-size: 15px;
    }
  }
  
  .tenji .tenji-form-privilege-text p span.middle002 ,
  .heim-plaza .heim-plaza-form-privilege-text p span.middle002 {
    font-size: 18px;
  }
  
  @media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text p span.middle002 ,
    .heim-plaza .heim-plaza-form-privilege-text p span.middle002 {
      font-size: 15px;
    }
  }
  
  .tenji .tenji-form-privilege-text p span.bold ,
  .heim-plaza .heim-plaza-form-privilege-text p span.bold {
    font-weight: bold;
  }
  .tenji .tenji-form-privilege-text__wrap ,
  .heim-plaza .heim-plaza-form-privilege-text__wrap {
    margin-top: 14px;
}
@media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text__wrap ,
    .heim-plaza .heim-plaza-form-privilege-text__wrap {
        margin-top: 10px;
    }
}
.tenji .tenji-form-privilege-text ,
.heim-plaza .heim-plaza-form-privilege-text {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .tenji .tenji-form-privilege-text ,
    .heim-plaza .heim-plaza-form-privilege-text {
        font-size: 15px;
        line-height: 1.4;
    }
}
.tenji .tenji-form-conversion-attention-text ,
.heim-plaza .heim-plaza-form-conversion-attention-text {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
.tenji .tenji-form-conversion-attention-text span ,
.heim-plaza .heim-plaza-form-conversion-attention-text span {
    display: block;
}
@media screen and (max-width: 767px) {
    .tenji .tenji-form-conversion-attention-text ,
    .heim-plaza .heim-plaza-form-conversion-attention-text {
        text-align: left;
    }
    .tenji .tenji-form-conversion-attention-text span ,
    .heim-plaza .heim-plaza-form-conversion-attention-text span {
        text-indent: -1em;
        padding-left: 1em;
    }
}
.tenji .tenji-form-privilege-box__wrap002 ,
.heim-plaza .heim-plaza-form-privilege-box__wrap002 {
    margin-top: 52px;
    display: flex;
    justify-content: center;
    position: relative;
}
.tenji .tenji-form-privilege-box__wrap002::before ,
.heim-plaza .heim-plaza-form-privilege-box__wrap002::before {
    content: "";
    width: 32px;
    height: 32px;
    background: url(../../image/tenji-ar001.svg) no-repeat 0 0 / contain;
    position: absolute;
    left: calc(50% - 16px);
    top: -42px;
    transform: rotate(90deg);
}
.tenji-form-privilege-box.tenji-form-privilege-box002 ,
.heim-plaza-form-privilege-box.heim-plaza-form-privilege-box002 {
    width: 1000px;
}
@media screen and (max-width: 767px) {
    .tenji-form-privilege-box.tenji-form-privilege-box002 ,
    .heim-plaza-form-privilege-box.heim-plaza-form-privilege-box002 {
        width: 100%;
    }
}
  
/* 各種お問い合わせ・ご相談・LPお問合せ専用フォーム
===========================================*/
.inq .step-area ,
.lp .step-area{
    padding: 30px 0 80px;
}
.inq .form-area .bg-yellow ,
.lp .form-area .bg-yellow {
    padding: 35px 0 15px 0;
    margin-bottom: 55px;
}
.inq .form-area .bg-yellow .title ,
.lp .form-area .bg-yellow .title {
    padding: 20px 0 5px;
    font-weight: bold;
}
.inq .form-area .bg-yellow .text ,
.lp .form-area .bg-yellow .text {
    text-align: center;
}
.inq .form-area .bg-yellow .ipt ,
.lp .form-area .bg-yellow .ipt {
    width: 470px;
    margin: 0 auto;
}
.inq .form-area .bg-yellow ul.checkarea ,
.lp .form-area .bg-yellow ul.checkarea {
    padding: 50px 0 0;
}
.inq .form-area .bg-yellow ul.checkarea li ,
.lp .form-area .bg-yellow ul.checkarea li {
    margin: 0 0 24px;
    padding: 0;
}

.inq .form-area .bg-yellow ul.checkarea input.checkbox ,
.lp .form-area .bg-yellow ul.checkarea input.checkbox {
    display: none;
}
.inq .form-area .bg-yellow ul.checkarea .checkbox-parts ,
.lp .form-area .bg-yellow ul.checkarea .checkbox-parts {
display: inline-block;
    padding-left: 22px;
    position:relative;
}
.inq .form-area .bg-yellow ul.checkarea .checkbox-parts::before ,
.lp .form-area .bg-yellow ul.checkarea .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666666;
    border-radius: 2px;
}
.inq .form-area .bg-yellow ul.checkarea input.checkbox:checked + .checkbox-parts::after ,
.lp .form-area .bg-yellow ul.checkarea input.checkbox:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 6px;
    height: 12px;
    transform: rotate(40deg);
    border-bottom: 2px solid #666666;
    border-right: 2px solid #666666;
}
.inq .form-area .comment-area {
    margin-bottom: 55px;
    }
.inq .form-area .bg-gray ,
.lp .form-area .bg-gray {
    padding: 55px 0 75px 0;
    margin-bottom: 65px;
}
.inq .form-area .bg-gray .title ,
.lp .form-area .bg-gray .title {
    font-weight: bold;
}
.inq .form-1col .conf-area ul ,
.lp .form-1col .conf-area ul {
    margin-bottom: 55px;
}
.inq .form-area .form-1col .title ,
.lp .form-area .form-1col .title{
    font-weight: bold;
}
.lp .form-1col .conf-area .comment-area {
    width: 572px;
    margin: 0 auto 60px;
}
.lp .form-1col .conf-area .comment-area .sub p {
    margin-bottom: 10px;
    font-size: 18px;
}
.lp .form-area .form-1col .title.title--type002{
    font-weight: bold;
    width: 230px;
    margin: 0 auto;
}
.lp .form-area .form-1col .title.title--type002 span {
    font-size: 18px;
}
.lp .form-area .form-1col .error.error--type002 {
    text-align: center;
}
.lp .form-area .bg-yellow ul.checkarea input.radio {
    display: none;
}
.lp .form-area .bg-yellow ul.checkarea .radio-parts {
display: inline-block;
    padding-left: 22px;
    position:relative;
}
.lp .form-area .bg-yellow ul.checkarea .radio-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #666666;
    background-color: #ffffff;
    border-radius: 8px;
}
.lp .form-area .bg-yellow ul.checkarea input.radio:checked + .radio-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #FF7E27;
}
@media screen and (max-width:767px){
.inq .step-area ,
.lp .step-area {
    padding: 30px 23px 45px;
}
.inq .form-area .bg-yellow ,
.lp .form-area .bg-yellow {
    padding: 25px 20px 0;
    margin-bottom: 0;
}
.inq .form-area .bg-yellow .form-1col ,
.lp .form-area .bg-yellow .form-1col {
    padding: 0 0 25px;
}
.inq .form-area .bg-yellow .title ,
.lp .form-area .bg-yellow .title {
    padding: 0;
}
.inq .form-area .bg-yellow .ipt ,
.lp .form-area .bg-yellow .ipt {
    width: 100%;
}
.inq .form-area .bg-yellow ul.checkarea ,
.lp .form-area .bg-yellow ul.checkarea {
    padding: 25px 0 0;
}
.inq .form-area .bg-yellow ul.checkarea li ,
.lp .form-area .bg-yellow ul.checkarea li {
    margin: 0 0 25px;
    padding: 0;
}

.inq .form-area .bg-yellow ul.checkarea input.checkbox ,
.lp .form-area .bg-yellow ul.checkarea input.checkbox {
    display: none;
}
.inq .form-area .bg-yellow ul.checkarea .checkbox-parts ,
.lp .form-area .bg-yellow ul.checkarea .checkbox-parts {
    display: inline-block;
    padding-left: 22px;
    position:relative;
}
.inq .form-area .bg-yellow ul.checkarea .checkbox-parts::before ,
.lp .form-area .bg-yellow ul.checkarea .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666666;
    border-radius: 2px;
}
.inq .form-area .bg-yellow ul.checkarea input.checkbox:checked + .checkbox-parts::after ,
.lp .form-area .bg-yellow ul.checkarea input.checkbox:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 6px;
    height: 12px;
    transform: rotate(40deg);
    border-bottom: 2px solid #666666;
    border-right: 2px solid #666666;
}
.inq .form-area .comment-area {
    margin-bottom: 10px;
    padding-top: 0;
    }
.inq .form-area .comment-area .input-area .sub ,
.lp .form-area .comment-area .input-area .sub {
    padding-top: 0;
}
#form.inq .form-area .form-2col.comment-area .conf-area ,
#form.lp .form-area .form-2col.comment-area .conf-area {
    margin-bottom: 40px;
}
.inq .form-area .bg-gray ,
.lp .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
.inq .form-area .bg-gray .title ,
.lp .form-area .bg-gray .title {
    font-weight: bold;
}
.inq .form-1col .conf-area ul ,
.lp .form-1col .conf-area ul {
    margin-bottom: 40px;
}
.lp .form-1col .conf-area .comment-area {
    width: 100%;
    margin: 0 auto 0;
}
.lp .form-1col .conf-area .comment-area .sub p {
    margin-bottom: 10px;
    font-size: 15px;
}
}

/* イベント・見学会ご来場予約
===========================================*/
.event .form-area .bg-yellow {
    padding: 30px 0 60px;
    margin-bottom: 55px;
}
.factory-tour .form-area .bg-yellow {
    padding: 15px 0 15px 0;
    margin-bottom: 55px;
}
.factory-tour .form-area .bg-yellow .input-area {
    width: 587px;
    padding: 0;
    margin: 20px auto 50px;
}
.factory-tour .form-area .bg-yellow .input-area .ipt.event ,
.factory-tour .form-area .bg-yellow .input-area .ipt.kengaku {
    padding: 0 0 10px;
}
.factory-tour .form-area .bg-yellow .input-area .ipt.event span ,
.factory-tour .form-area .bg-yellow .input-area .ipt.kengaku span {
    font-size: 18px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area {
    background-color: #fbfbf1;
    padding: 0 12px 12px 0;
    border: solid 1px #cfcdbc;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area {
    background-color: #fbfbf1;
    padding: 0 12px 22px 0;
    border: solid 1px #cfcdbc;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .item {
    width: 200px;
    padding: 24px 21px 12px 0;
    float: left;
    text-align: right;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .item span {
    font-size: 18px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .ipt-area {
    float: right;
    width: 350px;
    padding: 13px 0 0;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_time {
    width: 200px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_month ,
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_day {
    width: 70px;
    display: inline-block;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area {
    float: right;
    width: 350px;
    padding: 24px 0 0;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub:last-child .item {
    width: 200px;
    padding: 12px 21px 12px 0;
    float: left;
    text-align: right;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub:last-child .ipt-area {
    float: right;
    width: 350px;
    padding: 12px 0 0;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area span {
    font-size: 18px;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area ul.checkarea {
    padding: 0;
}
.event .form-area .form-1col.w-420 ,
.factory-tour .form-area .form-1col.w-420 {
    width: 420px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0 35px;
}
.event .form-area .form-1col.w-420 .title ,
.factory-tour .form-area .form-1col.w-420 .title {
    padding: 0;
}
.event .form-area .form-1col.w-420 .title p ,
.factory-tour .form-area .form-1col.w-420 .title p {
    font-size: 18px;
}
.event .form-area .form-1col.w-420 .input-area ,
.factory-tour .form-area .form-1col.w-420 .input-area {
    padding: 0;
}
.event .form-area .bg-gray ,
.factory-tour .form-area .bg-gray {
    padding: 20px 0 25px 0;
}
.event .form-area .bg-gray span.bg-dark-block ,
.factory-tour .form-area .bg-gray span.bg-dark-block {
    display: inline-block;
    background-color: #9f9f9f;
    color: #ffffff;
    padding: 3px;
    font-size: 14px;
    margin-top: 5px;
}
#form.event .form-2col .conf-area:last-child,
#form.factory-tour .form-2col .conf-area:last-child{
    border-bottom:dotted 2px #a9a9a9;
    margin-bottom: 40px;
}
#form.event .bg-gray .form-2col .conf-area:last-child,
#form.factory-tour .bg-gray .form-2col .conf-area:last-child{
    border-bottom:dotted 2px #a9a9a9;
    margin-bottom: 20px;
}
.event .form-area .form-1col.w575 ,
.factory-tour .form-area .form-1col.w575 {
    width: 575px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0 45px;
}
.event .form-area .form-1col.w575 .title,
.factory-tour .form-area .form-1col.w575 .title{
    padding: 20px 0 0;
}
.event .form-area .form-1col.w575 .title p,
.factory-tour .form-area .form-1col.w575 .title p{
    font-size: 18px;
}
.event .form-area .form-1col.w575 .conf-area,
.factory-tour .form-area .form-1col.w575 .conf-area{
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    padding: 15px 0;
}
.event .form-area .form-1col.w575 .conf-area p,
.factory-tour .form-area .form-1col.w575 .conf-area p{
    font-size: 18px;
}
.event .title.event-time-input__title {
    margin-top: 20px;
}
.event .event-name {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}

/*alert-txt*/
.factory-tour .alert-txt {
    margin: 30px auto 0;
    width: 550px;
    position: relative;
    z-index: 3;
}
.factory-tour .alert-txt p {
    padding: 60px 40px 30px;
    border: 2px solid #C10003;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.factory-tour .alert-txt p br.sp {
    display: none;
}
.factory-tour .alert-txt::before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: -100%;
    right: -100%;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #C10003;
    border-radius: 25px;
    z-index: 4;
}
.factory-tour .alert-txt::after {
    content: '！';
    display: block;
    position: absolute;
    width: 30px;
    top: 21px;
    left: -100%;
    right: -100%;
    margin: auto;
    color: #fff;
    font-weight: bold;
    z-index: 4;
    font-size: 20px;
    text-align: center;
}

/*工場見学アナウンス*/
.factory-tour .announce__wrap {
    margin-bottom: 65px;
}
.factory-tour .announce-text {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

/*予約特典*/
.event .privilege__wrap {
    margin: 30px auto 0;
    width: 1024px;
    box-sizing: border-box;
    padding: 32px;
    display: flex;
    justify-content: space-between;
    background: #FDF1EB;
}
.event .privilege-image__wrap {
  width: 260px;
}
.event .privilege-image__wrap img {
  width: 100%;
}
.event .privilege-text__wrap {
  width: calc(100% - 260px - 28px);
}
.event .privilege-title {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #e24e09;
}
.event .privilege-text {
  letter-spacing: 0.05em;
  margin-top: 10px;
}

@media screen and (max-width:767px){
.event .form-area .bg-yellow {
    padding: 25px 0 25px;
    margin-bottom: 50px;
}
.factiry-tour .form-area .bg-yellow {
    padding: 25px 0 0;
    margin-bottom: 50px;
}
.factory-tour .form-area .bg-yellow .input-area {
    width: 100%;
    margin: 20px auto 25px;
}
.factory-tour .form-area .bg-yellow .input-area:last-child {
    width: 100%;
    padding: 0 0 20px;
    margin: 0 auto
}
.factory-tour .form-area .bg-yellow .input-area .ipt.event ,
.factory-tour .form-area .bg-yellow .input-area .ipt.kengaku {
    padding: 0 0 10px;
}
.factory-tour .form-area .bg-yellow .input-area .ipt.event span ,
.factory-tour .form-area .bg-yellow .input-area .ipt.kengaku span {
    font-size: 15px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area {
    padding: 0 12px 10px 12px;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area {
    padding: 0 12px 12px 12px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .item span {
    font-size: 15px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .ipt-area ,
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub:last-child .ipt-area {
    width: 100%;
    padding: 0 0 10px 0;
    float: none;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_time {
    width: 200px;
}
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_day ,
.factory-tour .form-area .bg-yellow .input-area .sub-area .sub .select-area.event_day {
    width: 70px;
    display: inline-block;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area {
    width: 100%;
    padding: 0 0 10px 0;
    float: none;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area span {
    font-size: 15px;
}
.factory-tour .form-area .bg-yellow .input-area.kengaku .sub-area .sub .ipt-area ul.checkarea {
    padding: 0;
}
.factory-tour .form-area .form-1col.w-420 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 20px 35px;
}
.factory-tour .form-area .form-1col.w-420 .title {
    padding: 0;
    margin-bottom: 0;
}
.factory-tour .form-area .form-1col.w-420 .title p {
    font-size: 13px;
}
.factory-tour .form-area .form-1col.w-420 .input-area {
    padding: 0;
}
.event .form-area .bg-gray ,
.factory-tour .form-area .bg-gray {
    padding: 0 0 25px 0;
}
#form.event .form-2col ,
#form.factory-tour .form-2col {
    padding-top: 0;
}
#form.event .bg-gray .form-2col,
#form.factory-tour .bg-gray .form-2col{
    padding-top: 25px;
}
.event .form-area .form-1col.w575 ,
.factory-tour .form-area .form-1col.w575 {
    width: 100%;
    padding: 25px 20px 35px;
}
.event .form-area .form-1col.w575 .title p,
.factory-tour .form-area .form-1col.w575 .title p{
    font-size: 14px;
    margin-bottom:5px;
}
.event .form-area .form-1col.w575 .conf-area p,
.factory-tour .form-area .form-1col.w575 .conf-area p{
    font-size: 14px;
}
.event .event-name {
    font-size: 22px;
}

/*alert-txt*/
.event .alert-txt ,
.factory-tour .alert-txt {
    margin: 20px auto 0;
    width: auto;
    padding: 0 20px;
}
.event .alert-txt p ,
.factory-tour .alert-txt p {
    padding: 50px 20px 20px;
    border: 2px solid #C10003;
    font-size: 14px;
}
.event .alert-txt p br.sp ,
.factory-tour .alert-txt p br.sp {
    display: inline;
}
.event .alert-txt::before ,
.factory-tour .alert-txt::before {
    top: 15px;
}
.event .alert-txt::after ,
.factory-tour .alert-txt::after {
    top: 16px;
}

/*工場見学アナウンス*/
.factory-tour .announce__wrap {
    margin-bottom: 45px;
    padding: 0 30px;
}
.factory-tour .announce-text {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

/*予約特典*/
.event .privilege__wrap {
    margin-top: 20px;
    width: 100%;
    padding: 20px;
    display: block;
}
.event .privilege-image__wrap {
    width: 100%;
}
.event .privilege-text__wrap {
    width: 100%;
    margin-top: 16px;
}
.event .privilege-text {
    margin-top: 5px;
}

}

/* カタログ資料請求
===========================================*/

/*attention*/
.catalog .title-area .attention ul {
    padding: 30px 50px;
    width: 1024px;
    background-color: #f5f5f5;
    margin: 30px auto 0;
    box-sizing: border-box;
}
.catalog .title-area .attention ul li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
    font-size: 16px;
}
@media screen and (max-width:767px){
.catalog .title-area .attention ul {
    padding: 15px 10px;
    width: auto;
    margin: 15px 10px 0;
}
.catalog .title-area .attention ul li {
    font-size: 12px;
}
}

/*bg-yellow*/
.catalog .form-area .bg-yellow {
    padding: 55px 0 15px 0;
    margin-bottom: 55px;
}
.catalog .form-area .bg-yellow .title {
    font-weight: bold;
    margin-bottom: 30px;
}
@media screen and (max-width:767px){
.catalog .form-area .bg-yellow {
    padding: 25px 0 10px;
    margin-bottom: 0;
}
.catalog .form-area .bg-yellow .title {
    margin-bottom: 20px;
}
}
/*pao-area*/
.catalog .form-area .bg-yellow .pao-area {
    margin: 0 auto 55px;
    width: 820px;
}
.catalog .form-area .bg-yellow .pao-area .title-area {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 35px 0 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #cccccc;
}
.catalog .form-area .bg-yellow .pao-area .title-area .small {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in {
    display: flex;
    justify-content: space-between;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .text-area {
    width: 580px;
    text-align: center;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .text-area .large {
    font-size: 24px;
    line-height: 1.6;
    font-family: 'Noto Serif JP', sans-serif;
    display: block;
    margin-bottom: 15px;
}
@media screen and (max-width:767px){
.catalog .form-area .bg-yellow .pao-area {
    margin: 0 auto 35px;
    width: 100%;
}
.catalog .form-area .bg-yellow .pao-area .title-area {
    font-size: 16px;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #cccccc;
    width: 100%
}
.catalog .form-area .bg-yellow .pao-area .title-area .small {
    font-size: 12px;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in {
    justify-content: center;
    flex-wrap: wrap;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .text-area {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
    width: 100%;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .text-area-in {
    margin-bottom: 20px;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .text-area .large {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.catalog .form-area .bg-yellow .pao-area .pao-area-in .img-area img {
    width: 100px;
}
}
/*select-catalog*/
.catalog .form-area .bg-yellow .select-catalog {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.catalog .form-area .bg-yellow .select-catalog label {
    width: 48%;
    background-color: #fff;
    margin-bottom: 30px;
    box-sizing: border-box;
    display: block;
    padding: 18px 28px 28px;
    transition: all 0.3s;
    border: 2px solid #fff;
}
.catalog .form-area .bg-yellow .select-catalog label:hover {
    cursor: pointer;
    border: 2px solid #d8d8bc;
}
.catalog .form-area .bg-yellow .select-catalog label.unselectable {
    opacity: 0.6;
}
.catalog .form-area .bg-yellow .select-catalog label.unselectable:hover {
    cursor: default;
    border: 2px solid #fff;
}
.catalog .form-area .bg-yellow .select-catalog label input.checkbox {
    display: none;
}
.catalog .form-area .bg-yellow .select-catalog label .catalog-title {
    border-bottom: 1px solid #cfcfa6;
    margin-bottom: 20px;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts {
    padding: 10px 0 10px 28px;
    position:relative;
    font-size: 18px;
    font-weight: bold;
    min-height: 64px;
    box-sizing: border-box;
    display: block;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts span.small {
    font-size: 13px;
    display: block;
    font-weight: normal;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666666;
    border-radius: 2px;
}
.catalog .form-area .bg-yellow .select-catalog label input.checkbox:checked + .checkbox-parts::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 28px;
    left: 5px;
    width: 6px;
    height: 12px;
    transform: rotate(40deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.catalog .form-area .bg-yellow .select-catalog label input.checkbox:checked + .checkbox-parts::before{
    border: 1px solid #FF7E27;
    background-color: #FF7E27;
}
.catalog .form-area .bg-yellow .select-catalog label .content {
    display: flex;
    justify-content: space-between;
}
.catalog .form-area .bg-yellow .select-catalog label .content .img {
    width: 150px;
    box-sizing: border-box;
}
.catalog .form-area .bg-yellow .select-catalog label .content .img img {
    width: 150px;
}
.catalog .form-area .bg-yellow .select-catalog label .content .txt {
    width: 260px;
    line-height: 1.6;
}

@media screen and (max-width:767px){
.catalog .form-area .bg-yellow .select-catalog {
    display: block;
}
.catalog .form-area .bg-yellow .select-catalog label {
    width: auto;
    margin-bottom: 15px;
    padding: 10px 15px 15px;
    transition: none;
}
.catalog .form-area .bg-yellow .select-catalog label:hover {
    border: 2px solid #fff;
}
.catalog .form-area .bg-yellow .select-catalog label .catalog-title {
    margin-bottom: 15px;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts {
    padding: 5px 0 10px 28px;
    font-size: 16px;
    min-height: 0;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts span.small {
    font-size: 12px;
}
.catalog .form-area .bg-yellow .select-catalog label .checkbox-parts::before {
    bottom: 19px;
}
.catalog .form-area .bg-yellow .select-catalog label input.checkbox:checked + .checkbox-parts::after{
    bottom: 22px;
}
.catalog .form-area .bg-yellow .select-catalog label .content {
    display: block;
}
.catalog .form-area .bg-yellow .select-catalog label .content .img {
    width: auto;
    text-align: center;
    margin-bottom: 10px;
}
.catalog .form-area .bg-yellow .select-catalog label .content .img img {
    width: 120px;
}
.catalog .form-area .bg-yellow .select-catalog label .content .txt {
    width: auto;
}
}

/*place-select-area*/
.catalog .place-select-area {
    margin-bottom: 55px;
}
.catalog .place-select-area .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.catalog .place-select-area .ipt {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.catalog .place-select-area .ipt ul {
    display: flex;
}
.catalog .place-select-area .ipt ul li {
    margin: 0 10px;
    padding-right: 0;
    display: block;
}
.catalog .place-select-area .ipt ul li label {
    display: block;
    padding: 15px 20px;
    border: 2px solid #c8c8c8;
    width: 200px;
}
.catalog .place-select-area .ipt ul li label:hover {
    cursor: pointer;
}
.catalog .place-select-area .ipt ul li span {
    font-weight: bold;
    font-size: 16px;
    padding-left: 5px;
}
.catalog .place-select-area .sys-outside-shizuoka {
    text-align: center;
}
@media screen and (max-width:767px){
.catalog .place-select-area {
    margin-bottom: 30px;
    padding: 30px 20px 0;
}
.catalog .place-select-area .ipt ul {
    width: 100%;
    box-sizing: border-box;
}
.catalog .place-select-area .ipt ul li {
    margin: 0 6px;
    width: 50%;
    box-sizing: border-box;
}
.catalog .place-select-area .ipt ul li label {
    padding: 15px 15px;
    width: auto;
}
.catalog .place-select-area .ipt ul li span {
    font-size: 14px;
}
.catalog .place-select-area .sys-outside-shizuoka {
    margin: 0 10px;
}
}

/*bg-gray*/
.catalog .form-area .bg-gray {
    padding: 55px 0 75px 0;
    margin-bottom: 65px;
}
.catalog .form-area .bg-gray .title {
    font-weight: bold;
}
@media screen and (max-width:767px){
.catalog .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*gray-over*/
#form.catalog form{
    margin-bottom:0;/*98px*/
}
.catalog .gray-area {
    padding-bottom:98px;
}
.catalog .gray-over {
    position: relative;
}
.catalog .gray-over::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #777;
    z-index: 80;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.catalog .gray-over::after {
    content: "建築予定地が静岡県の方はお申込み頂けます";
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 100%;
    z-index: 90;
    position: absolute;
    left: 0;
    top: 40%;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.43);
}

@media screen and (max-width:767px){
.catalog .gray-area {
    padding-bottom:77px;
}
.catalog .gray-over::after {
    content: "建築予定地が静岡県の方は\Aお申込み頂けます";
    white-space: pre;
    font-size: 20px;
    top: 6%;
}
}

/*conf*/
.catalog .form-area .form-1col .title {
    font-weight: bold;
}
.catalog .place-select-area .conf-area {
    border-top: dotted 2px #a9a9a9;
    width: 572px;
    margin: 0 auto;
    border-bottom: dotted 2px #a9a9a9;
    font-size: 16px;
    padding: 14px 0;
}

@media screen and (max-width:767px){
.catalog .form-1col .conf-area {
    margin-bottom: -30px;
}
.catalog .place-select-area .conf-area {
    width: 100%;
    margin-top: -13px;
}
}

/*メールアドレスご登録フォーム
=============================================*/
/*bg-gray*/
.mail-register .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
@media screen and (max-width:767px){
.mail-register .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/* Pao読者アンケート
===========================================*/
/*pao-select*/
.pao .form-area .title{
    font-size: 18px;
    font-weight: bold;
}
.pao .form-area .pao-select .checkarea {
    display: flex;
    justify-content: center;
}
.pao .form-area .pao-select .checkarea li {
    padding: 0 20px;
}
.pao .form-area .pao-select .checkarea input {
    display: none;
}
.pao .form-area .pao-select .checkarea p.pao-title {
    text-align: center;
    margin-bottom: 20px;
}
.pao .form-area .pao-select .checkarea p.pao-title span {
    display: inline-block;
    font-size: 18px;
    padding-left: 28px;
    position: relative;
}
.pao .form-area .pao-select .checkarea p.pao-title span::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: solid 2px #cccccc;
    border-radius: 9px;
    position: absolute;
    top: 3px;
    left: 0;
}
.pao .form-area .pao-select .checkarea input:checked + p.pao-title span::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: solid 2px #ff7e27;
    border-radius: 9px;
    position: absolute;
    top: 3px;
    left: 0;
}
.pao .form-area .pao-select .checkarea input:checked + p.pao-title span::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #ff7e27;
    border-radius: 6px;
    position: absolute;
    top: 7px;
    left: 4px;
}
.pao .form-area .pao-select .checkarea .pao-img {
    padding: 40px 40px;
    background-color: #ededed;
}
.pao .form-area .pao-select .checkarea .pao-img img {
    width: 200px;
}
@media screen and (max-width:767px){
.pao .form-area .pao-select .checkarea {
    flex-wrap: wrap;
}
.pao .form-area .pao-select .checkarea li {
    padding: 0;
    margin-bottom: 20px;
}
.pao .form-area .pao-select .checkarea p.pao-title {
    margin-bottom: 10px;
}
.pao .form-area .pao-select .checkarea p.pao-title span {
    font-size: 15px;
    padding-left: 20px;
}
.pao .form-area .pao-select .checkarea p.pao-title span::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 6px;
    top: 3px;
    left: 0;
}
.pao .form-area .pao-select .checkarea input:checked + p.pao-title span::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 6px;
    top: 3px;
    left: 0;
}
.pao .form-area .pao-select .checkarea input:checked + p.pao-title span::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    top: 7px;
    left: 4px;
}
.pao .form-area .pao-select .checkarea .pao-img {
    padding: 30px 30px;
}
.pao .form-area .pao-select .checkarea .pao-img img {
    width: 120px;
}
}

/*bg-yellow*/
.pao .form-area .bg-yellow {
    padding: 35px 0 15px 0;
    margin-bottom: 55px;
}
.pao .form-area .bg-yellow .title {
    margin-bottom: 30px;
}
.pao .form-area .bg-yellow .input-area .sub {
    margin-bottom: 10px;
}
.pao .form-area .bg-yellow .input-area .sub p {
    display: inline-block;
}
.pao .form-area .bg-yellow .input-area .sub p ,
.pao .form-area .bg-yellow .input-area .sub p span {
    font-size: 18px;
    font-weight: bold;
}
.pao .form-area .bg-yellow .input-area .ipt ul li span {
    font-size: 16px;
}
.pao .form-area .bg-yellow .input-area .ipt ul li input#pao-inq1-tx ,
.pao .form-area .bg-yellow .input-area .ipt ul li input#old_pao-inq3-tx ,
.pao .form-area .bg-yellow .input-area .ipt ul li input#pao-inq3-tx ,
.pao .form-area .bg-yellow .input-area .ipt ul li input#pao-inq4-tx {
    border: 1px solid rgb(186, 186, 186)!important;
    margin-left: 8px;
    padding: 5px;
    font-size: 15px;
    width: 215px;
}
.pao .form-area .bg-yellow .pao-inq6 {
    display: flex;
    justify-content: flex-start;
}
.pao .form-area .bg-yellow .pao-inq6  label {
    width: calc(20% - 20px);
    box-sizing: border-box;
    margin-right: 20px;
    padding-right: 0;
    background: #ffffff;
    padding: 13px;
    display: block;
    border: solid 2px #ffffff;
    cursor: pointer;
    transition: all 0.3s;
}
.pao .form-area .bg-yellow .pao-inq6  label:hover {
    border: solid 2px #d8d8bc;
}
.pao .form-area .bg-yellow .pao-inq6 .img-area {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 10px;
}
.pao .form-area .bg-yellow .pao-inq6 .img-area img {
    width: 150px;
}
@media screen and (max-width:767px){
.pao .form-area .bg-yellow {
    padding: 25px 0 10px;
    margin-bottom: 30px;
}
.pao .form-area .bg-yellow .title {
    margin-bottom: 20px;
}
.pao .form-area .bg-yellow .form-1col .input-area {
    padding: 0;
    margin-bottom: 20px;
}
.pao .form-area .bg-yellow .form-1col .input-area:last-child {
    margin-bottom: 0;
}
.pao .form-area .bg-yellow .input-area .sub p ,
.pao .form-area .bg-yellow .input-area .sub p span {
    font-size: 16px;
}
.pao .form-area .bg-yellow .input-area .ipt ul li span {
    font-size: 15px;
}
.pao .form-area .bg-yellow .pao-inq6 {
    display: block;
}
.pao .form-area .bg-yellow .pao-inq6  label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 10px;
}
}

/*bg-gray*/
.pao .form-area .bg-gray {
    padding: 55px 0 75px 0;
    margin-bottom: 65px;
}
.pao .form-area .bg-gray .title {
    font-weight: bold;
}
@media screen and (max-width:767px){
.pao .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*conf*/
.pao .form-area .form-1col .conf-area {
    width: 572px;
    margin: 0 auto;
}
.pao .form-area .form-1col .conf-area p {
    font-size: 18px;
}
.pao .form-area .form-1col .conf-area {
    border-top: dotted 2px #a9a9a9;
    padding: 14px 0;
}
.pao .form-area .form-1col .conf-area:last-child {
    border-bottom: dotted 2px #a9a9a9;
}
.pao .form-area .form-1col .conf-area .ipt {
    padding-left: 18px;
}
.pao .form-area .form-1col .conf-area .sub {
    margin-bottom: 10px;
}
.pao .form-area .form-1col.pao-select .conf-area {
    border-bottom: dotted 2px #a9a9a9;
}
.pao .form-area .form-1col.pao-select .conf-area .ipt {
    padding-left: 0;
}
.pao .form-area .form-1col.pao-select .conf-area .pao-title span {
    font-size: 18px;
}
@media screen and (max-width:767px){
.pao .form-area .form-1col .conf-area {
    width: 100%;
}
.pao .form-area .form-1col .conf-area p {
    font-size: 15px;
}
.pao .form-area .form-1col .conf-area .ipt {
    padding-left: 15px;
}
.pao .form-area .form-1col .conf-area .sub {
    margin-bottom: 10px;
}
.pao .form-area .form-1col.pao-select .conf-area {
    border-bottom: dotted 2px #a9a9a9;
}
.pao .form-area .form-1col.pao-select .conf-area .ipt {
    padding-left: 0;
}
.pao .form-area .form-1col.pao-select .conf-area .pao-title span {
    font-size: 18px;
}
}

/*デジタルカタログ請求フォーム
=============================================*/
/*pao試し読み*/
.digital_pao .pao-contents__wrap {
    width: 1024px;
    margin: 24px auto 0;
    display: flex;
    justify-content: space-between;
}
.digital_pao .pao-contents__preview {
    width: 600px;
}
.digital_pao .pao-contents__preview img {
    width: 100%;
}

.digital_pao .pao-contents-list__wrap {
    width: 375px;
}
.pao-contents-list__image img {
    width: 100%;
}
.next-pao-number {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 600;
}
@media screen and (max-width:767px){
.digital_pao .pao-contents__wrap {
    width: 100%;
    margin: 24px auto 0;
    display: block;
}
.digital_pao .pao-contents__preview {
    width: calc( 100% - 20px );
    margin: 0 auto 60px;
}
.digital_pao .pao-contents-list__wrap {
    width: calc( 100% - 20px );
    margin: 32px auto 0;
}
}

/*pager*/
.digital_pao .pao-contents__preview ul.slick-dots {
    position: absolute;
    bottom: -38px;
    text-align:center;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.digital_pao .pao-contents__preview ul .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.digital_pao .pao-contents__preview ul.slick-dots li button {
    vertical-align: top;
    width: 14px;
    height: 14px;
    border: none;
    padding: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-indent: -9999px;
    font-size: 1px;
    background-color: #d2d2d2;
}
.digital_pao .pao-contents__preview ul.slick-dots li.slick-active button {
    background-color: #666666;
}

/*aroow*/
.digital_pao .pao-contents__preview button.slick-prev,
.digital_pao .pao-contents__preview button.slick-next {
    border: none;
    background: none;
    padding: 0px;
    width: 50px;
    height: 50px;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1px;
    cursor: pointer;
    position: absolute;
    top: calc( 50% - 25px );
    background-color: rgba( 102, 102, 102, 0.5);
}
.digital_pao .pao-contents__preview button.slick-prev{
    left: 0;
    z-index: 20;
}
.digital_pao .pao-contents__preview button.slick-next{
    right: 0;
    z-index: 20;
}
.digital_pao .pao-contents__preview button.slick-prev::before,
.digital_pao .pao-contents__preview button.slick-next::before {
    content:"";
    width: 15px;
    height: 15px;
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
    position: absolute;
}
.digital_pao .pao-contents__preview button.slick-prev::before {
    transform: rotate(-135deg);
    top: 16px;
    right: 12px;
}
.digital_pao .pao-contents__preview button.slick-next::before {
    transform: rotate(45deg);
    top: 16px;
    left: 12px;
}

/*bg-gray*/
.digital_pao .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
.digital_pao .thanks-bt001 {
    width: 320px;
    margin: 20px auto 0;
}
.digital_pao .thanks-bt001 a {
    display: block;
    padding: 18px 0 20px;
    text-align: center;
    text-decoration: none;
    background-color: #E24E09;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s;
}
.digital_pao .thanks-bt001 a:hover {
    background-color: #EB8A2A;
}
.digital_pao .thanks-bt001 a span {
    display: inline-block;
    padding-right: 20px;
    position: relative;
    font-size: 16px
}
.digital_pao .thanks-bt001 a span::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top:7px;
    right:0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0 5px 10px;
}
@media screen and (max-width:767px){
.digital_pao .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
.digital_pao .thanks-bt001 {
    width: 250px;
}
.digital_pao .thanks-bt001 a span {
    padding-right: 18px;
    font-size: 14px
}
.digital_pao .thanks-bt001 a span::before {
    top:4px;
    border-color: transparent transparent transparent #fff;
    border-width: 6px 0 6px 10px;
}
}

/*メールマガジンへのご登録
=============================================*/
/*bg-gray*/
.mailmaga .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
@media screen and (max-width:767px){
.mailmaga .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*セキスイハイムでつながろうキャンペーンフォーム
=============================================*/
/*bg-gray*/
.friendship .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
@media screen and (max-width:767px){
.friendship .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*画像*/
.friendship .attention-img {
    width: 1024px;
    margin: 24px auto 0;
}
.friendship .attention-img img {
    width: 100%;
}
@media screen and (max-width:767px){
    .friendship .attention-img {
        width: calc( 100% - 20px );
        margin: 24px auto 0;
    }
}

/*項目可変*/
.friendship .form-area .introduction-box {
    position: relative;
    margin-top: 20px;
}
.friendship .form-area .add-btn {
    width: 250px;
    margin: 20px auto 25px;
}
.friendship .form-area .add-btn a {
    display: block;
    text-align: center;
    padding: 10px 0 10px 20px;
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
    background-color: #999999;
    position: relative;
}
.friendship .form-area .add-btn a::before {
    content: "";
    width: 11px;
    height: 11px;
    background-image:url("../../image/friendship-bt001.png");
    background-repeat:no-repeat;
    background-size:11px auto;
    position: absolute;
    top: 17px;
    left: 20px;
}
.friendship .form-area .delete-btn {
    width: 226px;
    position: absolute;
    top: 20px;
    right: calc( 50% - 400px);
}
.friendship .form-area .delete-btn a {
    display: block;
    text-align: center;
    padding: 5px 0 5px 30px;
    font-size: 15px;
    text-decoration: none;
    color: #666;
    border: solid 1px #a0a0a0;
    position: relative;
    transition: 0.3s;
}
.friendship .form-area .delete-btn a:hover {
    background-color: #fff;
}
.friendship .form-area .delete-btn a::before {
    content: "";
    width: 11px;
    height: 2px;
    background-image:url("../../image/friendship-bt002.png");
    background-repeat:no-repeat;
    background-size:11px auto;
    position: absolute;
    top: 15px;
    left: 14px;
}
@media screen and (max-width:767px){
.friendship .form-area .delete-btn {
    position: static;
    width: 250px;
    margin: 10px auto 0;
}
.friendship .form-area .delete-btn a {
    padding: 10px 0 10px 30px;
}
.friendship .form-area .delete-btn a::before {
    top: 20px;
    left: 20px;
}
}

/*毎月当たるメルマガ登録
=============================================*/
/*bg-gray*/
.chance .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
@media screen and (max-width:767px){
.chance .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*attention-img*/
.chance .attention-img {
    width: 1024px;
    margin: 24px auto 16px;
}
.chance .attention-img img {
    width: 100%;
}

@media screen and (max-width:767px){
    .chance .attention-img {
        width: calc( 100% - 20px );
        margin: 24px auto 16px;
    }
}

/*attention-text*/
.chance .attention-text {
    width: 1024px;
    margin: 0 auto;
}
.chance .attention-text li {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 14px;
}
.chance .attention-text li::before {
    content:"・";
    font-size: 14px;
}
@media screen and (max-width:767px){
    .chance .attention-text {
        width: calc( 100% - 20px );
    }
    .chance .attention-text li {
        font-size: 13px;
    }
    .chance .attention-text li::before {
        font-size: 13px;
    }
}

/*セキスイハイム東海オリジナル実例集ダウンロードフォーム
=============================================*/
.exdownload .attention-text {
    margin: 15px auto 0;
    text-align: left;
    line-height: 1.8;
    width: 728px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #f5f5e6;
    font-weight: 500;
    color: #666;
    letter-spacing: 0.05em;
}
.exdownload .attention-text li {
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width:767px){
.exdownload .attention-text {
    margin: 10px auto 0;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 14px;
}
}
/*bg-gray*/
.exdownload .form-area .bg-gray {
    padding: 20px 0 25px 0;
    margin-bottom: 45px;
}
@media screen and (max-width:767px){
.exdownload .form-area .bg-gray {
    padding: 0 0 25px 0;
    margin-bottom: 45px;
}
}

/*attention-img*/
.exdownload .attention-img {
    width: 728px;
    margin: 24px auto 16px;
}
.exdownload .attention-img img {
    width: 100%;
}

@media screen and (max-width:767px){
    .exdownload .attention-img {
        width: calc( 100% - 20px );
        margin: 24px auto 16px;
    }
}

/*thanks button*/
.exdownload .thanks-bt001 {
    width: 320px;
    margin: 20px auto 0;
}
.exdownload .thanks-bt001 a {
    display: block;
    padding: 18px 0 20px;
    text-align: center;
    text-decoration: none;
    background-color: #E24E09;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s;
}
.exdownload .thanks-bt001 a:hover {
    background-color: #EB8A2A;
}
.exdownload .thanks-bt001 a span {
    display: inline-block;
    padding-right: 20px;
    position: relative;
    font-size: 16px
}
.exdownload .thanks-bt001 a span::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top:7px;
    right:0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0 5px 10px;
}
@media screen and (max-width:767px){
.exdownload .thanks-bt001 {
    width: 250px;
}
.exdownload .thanks-bt001 a span {
    padding-right: 18px;
    font-size: 14px
}
.exdownload .thanks-bt001 a span::before {
    top:4px;
    border-color: transparent transparent transparent #fff;
    border-width: 6px 0 6px 10px;
}
}

/*tenji-searchバナー*/
.thanks-area .tenji-search-banner__wrap {
	width: 600px;
	margin: 50px auto 0;
}
.thanks-area .tenji-search-banner__wrap a:hover {
    opacity: 0.8;
}
@media screen and (max-width:767px){
	.thanks-area .tenji-search-banner__wrap {
		width: 300px;
		margin: 25px auto 0;
	}
}
.thanks-area .tenji-search-banner__wrap img {
	width: 100%;
}