/* contact.css */

.header .contact_links { display: none; }


/*==============================
CONTACT
==============================*/
.contents__color, .header__entry, .footer__entry a { color: #444; }
.btn { background: #888; }
header .btn { background: #444; }

.CONTACT_FORM { width: min(100%,960px); margin: 0 auto; }
/* 必須マーク */
.entry__must { position: relative; }
.entry__must::after { content: "必須"; position: absolute; top: 20px; right: 10px; background-color: #f60; padding: 2px 5px; font-size: 10px; color: #fff; line-height: 1.8em; }
.entry__must.entry__must__down::after { transform: translateY(13px); }
/* 入力部分 */
.entry__inputs { display: flex; flex-wrap: wrap; border-top: 1px #ddd solid; font-size: 14px; }
.entry__inputs dt { display: flex; width: 20%; padding: 12px 24px; border-bottom: 1px #ddd solid; }
.entry__inputs dd { display: flex; align-items: center; flex-wrap: wrap; width: 80%; padding: 12px 24px; border-bottom: 1px #ddd solid; }
.entry__inputs dd .entry__input-text { width: 100%; padding: 4px; }
.entry__inputs dd .entry__input-textarea { width: 100%; height: 100px; padding: 4px; font-size: 14px; color: #4d4d4d; }
.entry__inputs dd .entry__inputs-label { margin-right: 20px; padding: 5px 0px; }
.entry__privacy { position: relative; overflow-x: hidden; width: 100%; height: 300px; margin-top: 60px; border: 1px #ddd solid; padding: 20px 2.5%; font-size: 12px; line-height: 1.5em; background: white; }
.entry__check { display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 30px; }
.entry__check .entry__label { display: flex; align-items: center; margin: 0; color: #f60; }
.entry__check .entry__label .entry__hissu { background-color: #f60; margin: 0 5px; padding: 2px 5px; font-size: 10px; line-height: 1.8em; font-style: normal; color: #fff; }

.page_comment_center { width: 100%; margin-top: 60px; text-align: center; }
.entry__button { display: block; margin: 30px auto; padding: 25px 100px; width: 380px; border: none; outline: none; font-size: 20px; font-weight: bold; font-family: "Noto Serif JP", serif; color: #fff; cursor: pointer; transition: 0.2s; appearance: none; }
.entry__button.return { background-color: #888; }
.entry__button.entry__disabled { background-color: #444; /*cursor: not-allowed;*/ }
.entry__button.entry__abled { background-color: #444 !important; cursor: pointer; }
.entry__button.entry__abled:hover { opacity: 0.7; }

.confirm { display: flex; flex-wrap: wrap; padding: 30px; border: 1px #ddd solid; background: #FFFCFA; }
.confirm__title { width: 30%; padding: 5px 0; }
.confirm__title::before { content: "■"; }
.confirm__title::after { content: "："; }
.confirm__description { width: 70%; padding: 5px 0; }

.page_mind { width: 660px; margin: auto; margin-bottom: 100px; border-top: 3px double #EAEAEA; border-bottom: 3px double #EAEAEA; padding: 30px 0; font-size: 13px; line-height: 2.5em; text-align: center; }
.page_mind span { font-weight: bold; }

.cont_block { width: 1000px; margin: 0 auto; }
.BUTTON_contact { margin-bottom: 20px; }
.BUTTONS_P { flex-direction: row; }

@media screen and (max-width: 740px) {
    .CONTACT { margin-bottom: 100px; }

    .CONTACT_FORM { width: 100%; }

    .entry__must::after { top: 7px; line-height: 1.8em; }

    .entry__inputs { background: white; line-height: 1.8em;  }
    .entry__inputs dt { width: 100%; padding: 5px 10px; color: #000; background-color: #EEEEEE; }
    .entry__inputs dd { width: 100%; padding: 15px 10px; }
    .entry__inputs dd .entry__input-text { width: 100%; height: 40px; }
    .entry__inputs dd .entry__input-textarea { width: 100%; font-size: 14px; }  
    .entry__privacy { overflow-y: scroll; width: 90vw; height: 200px; margin: 0 auto; margin-top: 20px; padding: 20px 5%; }
    .entry__check { margin-top: 30px; margin-bottom: 30px; font-size: 13px; letter-spacing: 0em; }
    .entry__check .entry__label { display: inline-block; }
    .entry__check .entry__label .entry__hissu { display: inline-block; width: auto; font-weight: bold; }
    
    .page_comment_center { margin-top: 30px; }
    .entry__button { margin: 10px auto 0 auto; padding: 24px; width: 300px; }
    .entry__button.return { background: #444; }
    .entry__button.entry__disabled { background-color: #444; }
    
    .confirm { padding: 20px; font-size: 14px; }
    .confirm__title { width: 50%; }
    .confirm__description { width: 50%; }
    
    .page_mind { width: auto; }
    .page_mind br { display: none; }
    
    .cont_block { width: 100vw; }
}


















.contents__color, .header__entry, .footer__entry a {
    color: #629553;
}

.btn { background: #888; }
header .btn { background: #629553; }

.entry__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    border-top: 1px #ddd solid
}

.entry__inputs dt {
    width: 20%;
    padding: 15px 0px;
    border-bottom: 1px #ddd solid
}

.entry__inputs dd {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0px;
    border-bottom: 1px #ddd solid
}

.entry__must {
    position: relative;
}

.entry__must::after {
    content: "必須";
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 10px;
    background-color: #f60;
    color: #fff;
    padding: 2px 5px
}

.entry__must.entry__must__down::after {
    transform: translateY(13px);
}

.entry__input-text {
    width: 50%
}

.entry__input-textarea {
    width: 75%;
    height: 100px;
    font-size: 13px;
    color: #4d4d4d;
}

.entry__button {
    margin: 30px auto;
    display: block;
    color: #fff;
    padding: 20px 100px;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.entry__button.return {
    background-color: #888;
}

.entry__privacy {width: 100%;overflow-x: hidden;font-size: 12px;height: 300px;border: 1px #ddd solid;padding: 20px 2.5%;margin-top: 80px;background: white;}
.entry__pmark {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 10px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.entry__pmark p {margin: 0 0 0 10px;width: 100px}

.entry__disabled {
    background-color: #629553;
    cursor: not-allowed;
}

.entry__abled {
    background-color: #629553 !important;
    cursor: pointer;
}

.entry__check {display: flex;align-items: center;margin: 0 auto;justify-content: center;margin-top: 30px}
.entry__hissu {background-color: #f60;font-size: 10px;color: #fff;padding: 2px 5px;margin: 0 5px;font-style:normal;}

.entry__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    color: #f60;
}


/*エントリーボタン*/
.entry__button {
  width:380px;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0 100px;
	height:50px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.entry__button.entry__abled:hover { opacity:0.7; }

.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px;
    border: 1px #ddd solid;
    background: #FFFCFA;
}

.confirm__title {
    width: 30%;
    padding: 5px 0
}

.confirm__title::before {
    content: "■"
}

.confirm__title::after {
    content: "："
}

.confirm__description {
    width: 70%;
    padding: 5px 0
}

.page_comment_center {
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.page_mind {
    text-align: center;
    font-size: 13px;
    line-height: 2.5em;
    margin: auto;
    margin-bottom: 100px;
    border-top: 3px double #EAEAEA;
    border-bottom: 3px double #EAEAEA;
    padding: 30px 0;
    width: 660px
}

.page_mind span {
    font-weight: bold;
}

/*ラジオボタン*/
.entry__inputs-label {
    margin-right: 20px;
    padding: 5px 0px;
}

.entry__inputs dd {
    display: flex;
    flex-wrap: wrap;
}

.ml10 {
    margin-right: 10px;
}

/*ラジオボタン*/


.cont_block{width: 1000px;margin: 0 auto;}
.CONTACT form p{text-align: center;margin: 40px 0;}
/* .CONTACT {margin-bottom: 100px;} */
.BUTTON_contact { margin-bottom: 20px; }


@media screen and (max-width: 740px) {
    .entry__inputs dt {
        width: 100%;
        background-color: #EEEEEE;
        padding: 15px 0px;
        border-bottom: 1px #ddd solid
    }

    .entry__inputs dd {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0px;
        border-bottom: 1px #ddd solid
    }

    .entry__input-text {
        width: 100%
    }
.entry__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
        border-top: 1px #ddd solid;
        background: white;
    }

    .entry__inputs dt {
        width: 100%;
        padding: 5px 10px;
        border-bottom: 1px #ddd solid;
        color: #000;
    }

    .entry__inputs dd {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 10px;
        border-bottom: 1px #ddd solid
    }

    .entry__must::after {
        content: "必須";
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 10px;
        background-color: #f60;
        color: #fff;
        padding: 2px 5px
    }

    .entry__must.entry__must__down::after {
        transform: translateY(15px);
    }

    .entry__input-text {
        width: 100%;
        height: 40px;
        font-size: 14px;
    }

    .entry__input-textarea {
        width: 100%;
        height: 100px;
        font-size: 14px;
    }

   .entry__button {
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 5px 100px;
        margin-top: 30px;
        -webkit-transition: 0.2s;
        transition: 0.2s
    }

    .entry__button.return {
        background: #666;
    }

    .entry__privacy {
        overflow-x: hidden;
        overflow-y: scroll;
        font-size: 12px;
        height: 200px;
        border: 1px #ddd solid;
        padding: 20px 5%;
        margin-top: 80px;
        width: 95vw;
        margin: 0 auto;
        margin-top: 20px;
    }

    .entry__pmark {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .entry__pmark p {
        margin: 0 0 0 10px;
        width: 100px
    }

    .entry__disabled {
        background-color: #ccc;
        cursor: not-allowed;
    }

    .entry__abled {
        background-color: #629553;
        cursor: pointer;
    }

    .entry__button.entry__abled:hover { opacity:0.7; }

    .entry__check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 13px;

    }

    .entry__hissu {
        width: auto;
        display: inline-block;
        background-color: #f60;
        font-size: 10px;
        color: #fff;
        padding: 2px 5px;
        margin: 0 5px;
        font-weight: bold;
        font-style: normal;
    }

    .entry__label {
        display: inline-block;
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #f60;
    }

    .confirm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px;
        border: 1px #ddd solid;
        font-size: 14px;
    }

    .confirm__title {
        width: 50%;
        padding: 5px 0
    }

    .confirm__title::before {
        content: "■"
    }

    .confirm__title::after {
        content: "："
    }

    .confirm__description {
        width: 50%;
        padding: 5px 0
    }

    .page_mind {
        width: auto;
    }

    .page_mind br {
        display: none
    }

    .page_comment_center {
        margin-top: 30px
    }

    /*エントリーボタン*/
    .entry__button {
      width:300px;
    	margin:10px auto 0 auto;
        padding: 0;
    }
    .cont_block{width: 100vw;}

}

/*Pマーク*/
.entry__privacy .P_MARK { width:200px; float:right; clear:both; display:flex; align-items: flex-start; justify-content:
space-between;}
.entry__privacy .P_MARK p { width:65%; font-size:10px; line-height:1.5em; margin:0 0 10px; text-align:left; }
.entry__privacy .P_MARK img { width:30%; }

.BUTTONS_P { flex-direction: row ; }