@charset "UTF-8";
/* CSS Document */

.form {
    width: 100%;
    padding-top: 50px;
}
.form h1 {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 30px;
}
.form h1 span {
	font-family :"Gotham",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #00a53c;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300;
}

.form-cont {
    width: 800px;
    margin: 0 auto;
    font-size: 16.5px;
    font-size: 1.65rem;
    line-height: 21px;
    line-height: 2.1rem;
}

.contact-user {
    width: 100%;
    margin-bottom: 100px;
}
.user {
    width: 100%;
}
.contact-user h2,
.user h2 {
    width: 93.5%;
    margin-top: 20px;
    padding: 0 3.25%;
    color: #fff;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 50px;
    line-height: 5.0rem;
    font-weight: 600;
    background-color: #00a53c;
    border-radius: 25px;
}
.contact-user ul,
.user ul {
    width: 100%;
    padding-top: 30px;
    border-bottom: 1px solid #000;
}
.contact-user li.required::after,
.user li.required::after {
    content: '必須';
    margin-left: 1em;
    padding: 0 0.4em;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    background-color: #f00;
}
.contact-user li:first-child,
.user li:first-child {
    color: #00a53c;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3.0rem;
    font-weight: 500;
}
.contact-user li:last-child,
.user li:last-child {
    padding: 10px 0;
}
.user li:last-child label {
    margin-right: 3em;
}
.user li:last-child label:last-child {
    margin-right: 0;
}

.sex li:last-child label:nth-child(2),
.dementia li:last-child label:nth-child(2) {
    margin-right: 4em;
}
.step li:last-child label:nth-child(3) {
    margin-right: 5em;
}

.employment li:last-child label:first-child {
    margin-right: 2em;
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel] {
    width: 96%;
    padding: 10px 2%;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2.0rem;
    font-weight: 300;
    /*box-shadow: 1px 1px 2px 0 #707070 inset;
    border-radius: 4px;*/
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    vertical-align: -0.8rem;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0.4rem;
    outline: none;
    border-radius: 50%;
}
input[type=radio]:checked:before {
    transform: scale(1);
}
input[type=radio]:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 3px;
    transform: scale(0);
    transition: all ease-out 250ms;
}
input[type=radio] {
    border: 5px solid #c8c8c8;
}
input[type=radio]:checked:before {
    background: #00a53c;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
    -moz-appearance:textfield;
    -webkit-appearance: none; 
    margin: 0; 
}

select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    width: 100%;
	padding: 7px 30px 7px 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2.0rem;
	border-radius: 5px;
	border: none;
	background-image: url("../img/icon_arrow.png");
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: right 10px center;
}

textarea {
    width: 96%;
    padding: 10px 2%;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2.0rem;
    font-weight: 300;
    /*box-shadow: 1px 1px 2px 0 #707070 inset;
    border-radius: 4px;*/
}
input::placeholder,
textarea::placeholder {
  color: #c8c8c8;
}

.privacy {
    width: 100%;
    padding: 26px 0 85px 0;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 16.5px;
    font-size: 1.65rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 200;
}
.privacy h3 {
    font-weight: 500;
}
.privacy a.pdf {
    display: inline-block;
    margin-top: 30px;
}

.submit {
    width: 60%;
    padding: 30px 20%;
    text-align: center;
    background-color: #f0f0f0;
    border-radius: 9px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.submit_magazine {
    width: 60%;
    padding: 30px 20%;
    text-align: center;
    background-color: #f0f0f0;
    border-radius: 9px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.submit a,
.submit_magazine a {
    display: inline-block;
    width: 180px;
}
.submit input,
.submit_magazine input {
    width: 180px;
    border-radius: 0;
}
/*.submit input.button {
    width: 180px;
    font-size: 16.5px;
    font-size: 1.65rem;
    line-height: 60px;
    line-height: 6.0rem;
    font-weight: 200;
    border-radius: 0;
    border: 1px solid #000;
    background-color: #fff;
}*/

.email_magazine {
    width: 100%;
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.email_magazine li.required::after {
    content: '必須';
    margin-left: 1em;
    padding: 0 0.4em;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    background-color: #f00;
}
.email_magazine li:first-child {
    color: #00a53c;
	font-family :"NotoSansJP",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3.0rem;
    font-weight: 500;
}
.email_magazine li:last-child {
    padding: 10px 0;
}
.email_magazine li:last-child label {
    margin-right: 3em;
}
.email_magazine li:last-child label:last-child {
    margin-right: 0;
}

.end {
    text-align: center;
    padding-top: 50px;
}
.end h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 500;
    margin-bottom: 30px;
}
.end a {
    display: block;
    margin-top: 120px;
}

@media only screen and (min-width:600px) and (max-width:768px) {
    .form-cont {
        width: 100%;
    }
}

@media screen and ( max-width:599px ) {
    .form {
        padding-top: 30px;
    }
    .form h1 {
        font-size:30px ;
        font-size: 3.0rem;
        line-height: 34px;
        line-height: 3.4rem;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .form h1 span {
        font-size:12px ;
        font-size: 1.2rem;
    }
    
    .form-cont {
        width: 90%;
        margin: 0 auto;
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    .contact-user {
        margin-bottom: 70px;
    }
    .contact-user h2,
    .user h2 {
        font-size: 17px;
        font-size: 1.7rem;
    }
    .contact-user ul,
    .user ul {
        padding-top: 20px;
    }
    .contact-user li:first-child,
    .user li:first-child {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    .dementia li:last-child label,
    .step li:last-child label,
    .meal li:last-child label,
    .bath li:last-child label,
    .excretion li:last-child label,
    .sex li:last-child label{
        margin-right: 2em;
    }
    
    .sex li:last-child label:nth-child(2),
    .dementia li:last-child label:nth-child(2) {
        margin-right: 3em;
    }
    .step li:last-child label:nth-child(3),
    .meal li:last-child label:nth-child(3),
    .bath li:last-child label:nth-child(3),
    .excretion li:last-child label:nth-child(3) {
        margin-right: 0;
    }
    .step li:last-child label:nth-last-child(3) {
        margin-right: 1em;
    }
    
    .employment li:last-child label:first-child {
        margin-right: 1em;
    }

    input[type=text],
    input[type=email],
    input[type=tel] {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    select {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    textarea {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    .privacy {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }

    .submit,
    .submit_magazine {
        width: 80%;
        padding: 12px 10%;
    }
    .submit a,
    .submit_magazine a {
        display: inline-block;
        width: 30%;
    }
    .submit input,
    .submit_magazine input {
        width: 50%;
    }
    
    .email_magazine li:first-child {
        font-size: 16.5px ;
        font-size: 1.65rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    
    footer {
        padding-bottom: 0;
    }
}

/* エラー時の表示 */
.error_coution {
	color:#f00;
}

.question_submit input.button {
    border: none;
}