﻿.contactFlow{padding:5% 0}.contactFlow-list{list-style-type:none;display:table;width:100%;padding:0;margin:0;overflow:hidden}.contactFlow-item{display:table-cell;position:relative;background:#dce9f3;padding:.5em;font-size:1.8rem;text-align:center}@media screen and (min-width: 768px){.contactFlow-item{font-size:1.8rem}}@media screen and (max-width: 767px){.contactFlow-item.step02 p,.contactFlow-item.step03 p{position:relative;left:8px;z-index:0}}.contactFlow-item:last-child{padding-right:1em}.contactFlow-item:last-child:before,.contactFlow-item:last-child:after{display:none}.contactFlow-item:before,.contactFlow-item:after{content:"";position:absolute;width:0;height:0;margin:auto}.contactFlow-item:before{top:-15px;right:-1em;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-width:40px 0 40px 1em;z-index:1}.contactFlow-item:after{top:-15px;right:-0.8em;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #dce9f3;border-width:40px 0 40px 1em;z-index:1}.contactFlow-item.is-current{background:#bfd8eb}.contactFlow-item.is-current:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #bfd8eb}.err_msg{border:2px solid #ed2700;padding:20px}.err_msg p{color:#ed2700;text-align:center}.mb-0{margin-bottom:0 !important}.pt-0{padding-top:0 !important}.form-container .error{margin-top:5px}.form-container .error p{color:#ed2700}.form-container .error p.txt-center{text-align:center}.form-container dl{padding:10% 0;display:flex;flex-flow:column nowrap;flex-wrap:wrap;border-bottom:1px solid #00448d}@media screen and (min-width: 768px){.form-container dl{padding:4% 0;flex-flow:unset}}.form-container dt{width:100%;padding:10px;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214)}@media screen and (min-width: 768px){.form-container dt{width:30%;font-size:1.6rem}}@media screen and (max-width: 767px){.form-container dt{font-size:1.8rem;font-weight:bold}}.form-container dd{padding:10px;margin:0;width:100%;background:#fff}@media screen and (min-width: 768px){.form-container dd{width:70%}}.form-checkbox-container label{font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214)}@media screen and (min-width: 768px){.form-checkbox-container label{font-size:1.6rem}}.form-checkbox-container input[type=checkbox]{display:none}.form-checkbox-container span{padding-left:2.4rem;width:1.6rem;height:1.6rem;display:inline-block;position:relative}.form-checkbox-container span:before,.form-checkbox-container span:after{display:block;position:absolute;content:""}.form-checkbox-container span:before{width:1.6rem;height:1.6rem;background:#fff;border:1px solid #00448d;top:0;left:0}.form-checkbox-container input[type=checkbox]:checked+span:before{width:1.6rem;height:1.6rem;background:#0063ce;border:1px solid #00448d;display:block;position:absolute;top:0;left:0;content:""}.form-checkbox-container input[type=checkbox]:checked+span:after{width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;display:block;position:absolute;left:5px;top:5px;content:"";transform:rotate(-45deg)}.form-text{padding:.5em;width:100%;background:#f1f7fc;border:1px solid #00448d;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214)}.form-text.small{width:20%;min-width:150px}@media screen and (min-width: 768px){.form-text{padding:.3em .5em;font-size:1.6rem}}.form-textarea{padding:.5em;width:100%;height:15em;background:#f1f7fc;border:1px solid #00448d;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214);line-height:1.5}@media screen and (min-width: 768px){.form-textarea{padding:0 .5em;height:10em;font-size:1.6rem}}.form-select-container{width:90%;overflow:hidden;background:#fff;border:1px solid #00448d;position:relative}.form-select-container:before{padding:0;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid #00448d;position:absolute;top:50%;right:.8em;content:"";transform:translateY(-50%);pointer-events:none}.form-select-container select{padding:.5em 1em .5em .5em;width:100%;background:rgba(0,0,0,0);background-image:none;border:none;box-shadow:none;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214);text-indent:.01px;text-overflow:ellipsis;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}@media screen and (min-width: 768px){.form-select-container select{padding:0 1em 0 .5em;font-size:1.6rem}}.form-select-container select::-ms-expand{display:none}.form-required{margin-right:.5em;padding:0 .2em;background:#00448d;color:#fff;font-size:2rem;font-size:calc(1.2rem + (1vw - .32rem)*1.78571)}@media screen and (min-width: 768px){.form-required{font-size:1.2rem;padding:5px 15px}}@media screen and (max-width: 767px){.form-required{padding:5px 15px;font-weight:normal}}.form-btn-container{padding:10% 0;display:flex;flex-direction:row;justify-content:center}@media screen and (min-width: 768px){.form-btn-container{padding:4% 0}}.form-btn-box{margin:0 auto;width:100%;text-align:center}.form-btn-box:not(:last-of-type){margin-right:.5em}.form-btn{padding-top:6.6666666667vw;padding-right:6.6666666667vw;padding-bottom:6.6666666667vw;padding-left:6.6666666667vw;padding:25px;width:100%;background:#00448d;border:1px solid #00448d;color:#fff;font-size:6.4vw;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;cursor:pointer}@media(min-width: 375px){.form-btn{padding-top:25px}}@media(min-width: 375px){.form-btn{padding-right:25px}}@media(min-width: 375px){.form-btn{padding-bottom:25px}}@media(min-width: 375px){.form-btn{padding-left:25px}}@media(min-width: 375px){.form-btn{font-size:24px}}@media screen and (min-width: 768px){.form-btn{max-width:600px;font-size:3rem}}.form-btn:hover{background:#fff;color:#00448d}.form-btn:disabled{background:#ccc;border:1px solid #ccc;color:#fff;cursor:default}.form-btn--back{background:#ccc;border:1px solid #ccc}.form-btn--back:hover{background:#fff;color:#ccc}.form-kyomi-checkbox-container{margin-bottom:1em}.form-about-note p{color:#ed2700;font-weight:bold;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214);line-height:1.5;padding-top:1em}@media screen and (min-width: 768px){.form-about-note p{font-size:1.6rem}}.form-shiryo-contaienr{display:flex;font-display:column}.form-shiryo-note{margin-bottom:1em;font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214)}@media screen and (min-width: 768px){.form-shiryo-note{font-size:1.6rem}}.form-shiryo-checkbox-container{margin-bottom:1em}.form-address-container{display:flex;flex-direction:column}@media screen and (min-width: 768px){.form-address-container{flex-direction:row}}.form-pref-select-container{width:20%;min-width:150px;margin-bottom:.5em}@media screen and (min-width: 768px){.form-pref-select-container{margin-right:.5em;margin-bottom:0}}.form-address-container input{min-width:0}@media screen and (max-width: 767px){.privacyContent .content-title__heading-br{font-size:2.4rem}}.form-container dl.form-dl--privacy{padding-bottom:5%;border-bottom:none}@media screen and (min-width: 768px){.form-container dl.form-dl--privacy{padding-bottom:2%}}.form-privacy-container{width:100%;height:15em;border:1px solid #00448d;overflow-y:scroll;line-height:1.5;padding:30px 40px}.form-privacy-container p.bold{font-weight:bold;line-height:1.5;padding-bottom:10px}.form-agree-container{padding-bottom:10%;width:100%;border-bottom:1px solid #00448d}@media screen and (min-width: 768px){.form-agree-container{padding-bottom:4%}}.form-agreeCheckbox-container{margin:0 auto;padding:1em;width:100%;background:#dce9f3;text-align:center}@media screen and (min-width: 768px){.form-agreeCheckbox-container{max-width:310px}}.form-recapthca-container{margin:0 auto;padding:10% 0 0;width:100%}@media screen and (min-width: 768px){.form-recapthca-container{padding:5% 0 0;max-width:310px}}.g-recaptcha div{margin:10px auto 0}.formCompleteMessageBox{margin:0 auto;padding:5%}.formCompleteMessageBox-title{margin-bottom:5%}.formCompleteMessageBox-title__heading{font-size:3.4rem;font-size:calc(1.4rem + (1vw - .32rem)*4.46428);font-weight:normal;text-align:center}@media screen and (min-width: 768px){.formCompleteMessageBox-title__heading{font-size:2.4rem}}@media screen and (max-width: 767px){.formCompleteMessageBox-title__heading{font-size:2.2rem}}.formCompleteMessageBox p{font-size:2.4rem;font-size:calc(1.4rem + (1vw - .32rem)*2.23214);text-align:center}@media screen and (min-width: 768px){.formCompleteMessageBox p{font-size:1.6rem}}@media screen and (max-width: 767px){.formCompleteMessageBox p{text-align:left}}.formCompleteMessageBox p:last-of-type{margin-bottom:5%}

.err_msg {
    margin-bottom: 2em;
}
.form-select-container {
/*    background: #f1f7fc;*/
}
.birth-txt {
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.form-birth-year-select-container {
	width: 150px;
}
.form-birth-month-select-container,
.form-birth-day-select-container {
	width: 80px;
}

.form-kyomi-radio-container {
    margin-right: 2em;
}
.form-radio-container input[type="radio"] {
    display: none;
}
.form-radio-container span {
    padding-left: 2.4rem;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    position: relative;
}
.form-radio-container span:before,
.form-radio-container span:after {
    display: block;
    position: absolute;
    content: '';
}
/* input要素代替［外側］ */
.form-radio-container span:before {
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border: 1px solid #00448d;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.form-radio-container input[type="radio"]:checked+span:before {
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border: 1px solid #00448d;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
/* input要素代替［内側］ */
.form-radio-container input[type="radio"]:checked+span:after {
    width: 1rem;
    height: 1rem;
    background: #00448d;
    border: 1px solid #00448d;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0.2rem;
    bottom: 0;
    left: 0;
    right: 0.6rem;
    margin: auto;
    content: '';
}

.form-choice-container {
	margin-top: 1em;
}
.form-choice-container.mt-0 {
    margin-top: 0;
}
.choice-txt {
    margin-right: 0.5em;
}
.choice_date {
	width: 150px;
	margin-left: 1.5em;
	margin-right: 1em;
}
.form-choice-time-select-container {
	width: 150px;
}

.form-about-note.mt-0 p {
	padding-top: 0;
}
.medical-checkup-type {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.form-medical-checkup-checkbox-container {
    display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.form-medical-checkup-checkbox-container label {
	margin-right: 1em;
	margin-bottom: 1em;
	display: inline-block;
}
.form-about-note p small {
	font-weight: normal;
}

.form-en-container label {
	margin-right: 1em;	
}

.formCompleteMessageBox {
    padding: 5% 0;
}
.formCompleteMessageBox-body {
    background: #dce9f3;
    padding: 3em 0;
}
.formCompleteMessageBox-body .comp_msg01 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #ed2700;
    margin-bottom: 1em;
}
.formCompleteMessageBox-body .comp_msg02 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2em !important;
}
.formCompleteMessageBox-body ul {
    list-style: none;
    width: 80%;
    margin: 0 auto;

}
.formCompleteMessageBox-body ul li {
    font-size: 1.4rem;
    margin-bottom: 0.5em;
    padding-left:1em;
    text-indent:-1em;
}
.info_clinic {
    width: 80%;
    margin: 3em auto 0;
    padding: 2em 0;
    border-top: 1px solid #000;
}
.info_clinic .info_clinic_name {
    font-size: 1.6rem;
    font-weight: bold;
}
.info_clinic .info_clinic_tel {
    margin-bottom: 0 !important;
}

.formCompleteMessageBox-body01 {  
    padding: 0;
    margin-top: 10px;
    text-align: center!important;
    color:#ed2700;
}

.formCompleteMessageBox-body02 {
    background: #fff;
    border: 10px solid #dce9f3;
    padding: 3em 3em;
    margin-top: 20px;
    text-align: left;
}
.formCompleteMessageBox-body02 p {
    text-align: left;
}
.formCompleteMessageBox-body02 p.not_sendmail01 {
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 1em;
}
.formCompleteMessageBox-body02 p.not_sendmail02 {
    margin-bottom: 0.5em;
}
.formCompleteMessageBox-body02 p.not_sendmail02 span {
    font-weight: bold;
    text-decoration: underline;
}

.form-btn.small-btn {
    max-width: 310px;
    font-size: 2.2rem;
    padding: 0.5em;
}
.form-about-note.mt {
    margin-top: 1em;
}

@media screen and (min-width: 768px) {
    .telLink {
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) {
    .form-container dl {
        padding: 10px 0;
    }
    .form-address-container.form-birth-container,
    .form-address-container.form-choice-container {
        flex-direction: row;
        align-items: center;
    }
    .choice_date {
        width: 140px;
        margin-left: 0;
    }
    .form-choice-time-select-container {
        width: 110px;
    }
    .form-privacy-container {
        padding: 20px 15px;
    }
    .form-btn.small-btn {
        font-size: calc(1.6rem + ((1vw - .32rem) * 4.46428));
        padding: 0.5em;
    }
    .formCompleteMessageBox-body {
        padding: 1.5em 2em;
    }
    .formCompleteMessageBox-body ul {
        width: 100%;
    }
    .info_clinic {
        width: 100%;
    }
    .formCompleteMessageBox-body02 {
        background: #fff;
        padding: 1.5em 1.5em;
    }
    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        display: table-cell !important;
    }
    .form-medical-checkup-checkbox-container {
        flex-direction: column;
    }

}

/* add 20230921 */
.flex {
    display: flex;
}
.flex .flex_left {
    width: 70%;
}
.flex .flex_right {
    width: 30%;
    padding-left: 20px;
}
.flex .flex_right img {
    width: 100%;
    height: auto;
    margin-top: 0.5em;
}
.flex .flex_right p {
    line-height: 1.5;
    margin-top: 1em;
    padding-left:1em;
    text-indent:-1em;
}

@media screen and (max-width: 767px) {
    .flex {
        flex-direction: column-reverse;
    }
    .flex .flex_left {
        width: 100%;
    }
    .flex .flex_right {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .flex .flex_right img {
        width: 80%;
    }
    .flex .flex_right p {
        width: 80%;
        margin: 1em auto 0;
        text-align: left;
    }

}
/* add 20230921 */

