@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .concept {
    padding: 89px 0 154px;
}
#main .concept p {
    line-height: 2.44;
    text-align: center;
}
#main .company {
    padding: 95px 0 89px;
    background-image: radial-gradient(circle, #67B62D,#088B42);
}
#main .company .headLine01 {
    color: #fff;
}
#main .company .tableBox {
    margin: 0 auto;
    padding-left: 106px;
    width: 650px;
}
#main .company .tableBox table {
    width: 100%;			
    border-collapse: collapse;	
}
#main .company .tableBox th,
#main .company .tableBox td {
    color: #fff;
    width: 16%;
    vertical-align: top;			
    word-break: break-all;	
    letter-spacing: 0.1em;
    box-sizing: border-box;
}
#main .company .tableBox th span {
    width: 100%;
    height: 45px;
    display: block;
    font-weight: normal;
    text-align: justify;
	text-justify: distribute-all-lines;
}
#main .company .tableBox th span:after {
	display: inline-block;
	content: "";
	width: 100%;
    height: 0;
}
#main .company .tableBox td {
    padding-left: 8%;
    width: 83%;
    text-align: left;
}
#main .company .tableBox td a {
    color: #fff;
}
#main .contact {
    padding: 81px 0 50px;
}
#main .contact .headLine01 {
    margin-bottom: 24px;
}
#main .contact .formBox {
    margin: 0 auto;
    padding-right: 46px;
    width: 585px;
}
#main .contact .formBox table {
    margin-bottom: 62px;
    width: 100%;			
    border-collapse: collapse;
}
#main .contact .formBox th,
#main .contact .formBox td {
    padding: 3px 0 15px;
    width: 31%;
    font-weight: normal;
    letter-spacing: 0.1em;
    vertical-align: top;			
    word-break: break-all;	
    text-align: left;
}
#main .contact .formBox td {
    padding-top: 0;
    width: 69%;
}
#main .contact .formBox tr:last-of-type th,
#main .contact .formBox tr:last-of-type td {
    padding-bottom: 0;
}
#main .contact .formBox td input[type="tel"],
#main .contact .formBox td input[type="email"],
#main .contact .formBox td input[type="text"] {
    padding: 0 5px;
    width: 100%;
    height: 25px;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 2px;
} 
#main .contact .formBox .submit {
    padding-left: 50px;
    text-align: center;
}
#main .contact .formBox .submit li {
    margin-bottom: 10px;
    display: block;
}
#main .contact .formBox .submit li:last-of-type {
    margin-bottom: 0;
}
#main .contact .formBox .submit li input {
    padding: 8px;
    width: 350px;
    cursor: pointer;
    color: #fff;
    font-size: 1.8rem;
    background-image: radial-gradient(circle, #67B62D,#088B42);
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
}
#main .contact .formBox .submit li input:hover {
    opacity: 0.7;
}
#main .contact .confirmBox td {
    padding-top: 3px;
    font-size: 1.6rem;
}
#thanks #main {
    padding: 50px 0;
}
#thanks #main p {
    margin-bottom: 30px;
    line-height: 2.44;
    text-align: center;
}
#thanks #main .title {
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: bold;
}
#thanks #main .link {
    margin: 0 auto;
    width: 350px;
}
#thanks #main .link a {
    padding: 9px 5px 7px;
    display: block;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    background-image: radial-gradient(circle, #67B62D,#088B42);
    border-radius: 4px;
    transition: all 0.3s;
}
#thanks #main .link a:hover {
    opacity: 0.7;
}
@media all and (max-width: 896px) {
    #main .concept {
        padding: 56px 0 70px;
    }
    #main .concept p {
        line-height: 2.2;
    }
    #main .company {
        padding: 63px 0 85px;
    }
    #main .company .content {
        margin: 0 25px;
    }
    #main .company .headLine01 {
        margin-bottom: 40px;
    }
    #main .company .tableBox {
        margin-right: -10px;
        padding-left: 0;
        width: auto;
    }
    #main .company .tableBox th,
    #main .company .tableBox td {
        width: 55px;
    }
    #main .company .tableBox th span {
        height: 22px;
    }
    #main .company .tableBox td {
        padding-left: 5%;
        width: calc(100% - 55px);
        letter-spacing: 0.01em;
        box-sizing: border-box;
    }
    #main .company .tableBox td a {
        color: #fff;
    }
    #main .contact {
        padding: 60px 0 40px;
    }
    #main .contact .content {
        margin: 0 30px;
    }
    #main .contact .headLine01 {
        margin-bottom: 24px;
    }
    #main .contact .formBox {
        padding-right: 0;
        width: auto;
    }
    #main .contact .formBox table {
        margin-bottom: 35px;
    }
    #main .contact .formBox th,
    #main .contact .formBox td {
        padding: 8px 0 11px;
        width: 30%;
    }
    #main .contact .formBox td {
        padding-top: 0;
        width: 70%;
    }
    #main .contact .formBox tr:last-of-type th,
    #main .contact .formBox tr:last-of-type td {
        padding-bottom: 0;
    }
    #main .contact .formBox td input[type="tel"],
    #main .contact .formBox td input[type="email"],
    #main .contact .formBox td input[type="text"] {
        font-size: 1.2rem;
        border: 1px solid #231815;
    } 
    #main .contact .formBox .submit {
        padding-left: 0;
    }
    #main .contact .formBox .submit li input {
        padding: 8px 5px 7px;
        width: 175px;
        font-size: 1.2rem;
        border-radius: 2px;
    }
    #main .contact .formBox .submit li input:hover {
        opacity: 1;
    }
    #main .contact .confirmBox td {
        padding: 8px 0 11px 10px;
        font-size: 1.2rem;
    }
    #thanks #main p {
        margin: 0 0 30px;
        line-height: 2;
    }
    #thanks #main .title {
        margin-bottom: 10px;
        font-size: 1.3rem;
    }
    #thanks #main .link {
        width: 175px;
    }
    #thanks #main .link a {
        padding: 9px 5px 8px;
        font-size: 1.2rem;
        border-radius: 2px;
    }
}
@media all and (max-width: 370px) {
    #main .company .tableBox {
        margin-right: -10px;
    }
    #main .company .tableBox th,
    #main .company .tableBox td {
        width: 17%;
    }
    #main .company .tableBox td {
        padding-left: 2%;
        width: 83%;
    }
    #main .contact .formBox th, 
    #main .contact .formBox td {
        width: 32%;
    }
    #main .contact .formBox td {
        width: 68%;
    } 
}
@media all and (max-width: 330px) {
    #main .company .tableBox th,
    #main .company .tableBox td {
        width: 19%;
    }
    #main .company .tableBox td {
        width: 81%;
    }
    #main .contact .content {
        margin: 0 15px;
    }
}
@media all and (-ms-high-contrast:none) {
    #main .contact .formBox .submit li input {
        padding: 11px 8px 5px;
    }
}
.errorMsg {
    margin-bottom: 20px;
}
.errorMsg li {
    color: #FB0307;
    font-size: 1.6rem;
}
@media all and (max-width: 896px) {
    .errorMsg {
        margin-bottom: 10px;
    }
    .errorMsg li {
        font-size: 1.2rem;
    }
}