/* CSS Document */

.err { color: red; font-size: 12px;}

.selectInner { display: inline-block; vertical-align: top;}

/*------------------------------------------------------

    contents

------------------------------------------------------*/
body { background-color: #f3f9f0;}
.contents { margin-bottom: 0;}
.contents main { background-color: #f3f9f0;}

@media (min-width: 769px) {
    .contents main { padding-top: 50px; padding-bottom: 100px; padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 768px) {
    .contents main { padding-top: 30px; padding-bottom: 100px; padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 480px) {
    .contents main { padding-top: 30px; padding-bottom: 100px; padding-left: 10px; padding-right: 10px; }
}


/*------------------------------------------------------

    contents common

------------------------------------------------------*/
main article { background-color: #fff;}
main article h2 { text-align: center; font-size: 1.750em; font-weight: bold; color: #333; }



@media (min-width: 769px) {
    main article { border-radius: 20px; max-width: 760px; margin-left: auto; margin-right: auto; padding: 45px 95px;}
    main article h2 { margin-bottom: 40px; }

}

@media (max-width: 768px) {
    main article { border-radius: 10px; padding: 40px 20px;}
    main article h2 { margin-bottom: 30px; }
}


/*------------------------------------------------------



------------------------------------------------------*/
#formWrap {}
#formWrap form { padding-top: 40px; padding-bottom: 50px;}
#formWrap dl { width: 100%; justify-content: flex-start; -webkit-justify-content: flex-start; }
#formWrap dl:last-of-type { margin-bottom: 50px;}
#formWrap dl dt { font-size: 1em; width: 100%; color: #333; border-left: 4px solid #007bc7; padding-left: 10px; line-height: 1; margin-bottom: 8px;}
#formWrap dl dt.required::after { content: '±Øíš'; display: inline-block; color: #fff; font-size: 0.875em; background-color: #ff7bac; padding: 4px 8px; margin-left: 7px; font-weight: normal;}
#formWrap dl dd { width: 100%;}

#formWrap input ,
#formWrap textarea {}

#formWrap input[type='tel'],
#formWrap input[type='text'] { width: 100%; border: 1px solid #ccc; height: 40px; padding: 5px; font-size: 1em; }
#formWrap input[type='checkbox'] {}
#formWrap select { border: 1px solid #ccc; height: 40px; font-size: 0.938em; padding: 0px 10px; }

#formWrap textarea { width: 100%; height: 100px; border: 1px solid #ccc; padding: 5px; font-size: 1em;}
#formWrap label { font-size: 1em; color: #333;}
#formWrap label:not(:last-of-type) { margin-right: 10px;}

#formWrap .btnWrap .btn { width: 100%; max-width: 240px; padding: 10px; font-size: 1.125em; }
#formWrap .btnWrap .btn-primary { background-color: #007bc7; }
#formWrap .btnWrap .btn-danger { margin-right: 10px; }
#formWrap .btnWrap p { font-size: 1em; margin-top: 10px; }
#formWrap .btnWrap p a { text-decoration: underline; }
#formWrap .btnWrap p a:hover { text-decoration: none; }



@media (min-width: 769px) {
    #formWrap {}
    #formWrap form {}
    #formWrap dl { margin-bottom: 15px;}
    #formWrap dl dt {}
    #formWrap dl dd {}
}

@media (max-width: 768px) {
    #formWrap {}
    #formWrap form {}
    #formWrap dl { margin-bottom: 20px; }
    #formWrap dl dt { width: 100%;}
    #formWrap dl dd { width: 100%;}

    #formWrap input[type='text'] { width: 100% !important; }
}



/*------------------------------------------------------



------------------------------------------------------*/
.confirm #formWrap dl dd { font-size: 0.938em;}

@media (min-width: 769px) {

}

@media (max-width: 768px) {
    .confirm #formWrap .btn { width: 100%; display: block; margin-left: auto; margin-right: auto;}
    .confirm #formWrap .btn-danger { margin-bottom: 20px;}
}


/*------------------------------------------------------

    entry

------------------------------------------------------*/
#formWrap table td {}
#formWrap table td.space { padding: 0 6px; font-size: 1em;}

#formWrap .caution {}
#formWrap .caution ul {}
#formWrap .caution ul li { font-size: 0.938em; padding-left: 1em; text-indent: -1em;}
#formWrap .caution ul li:not(:last-child) { margin-bottom: 10px; }
#formWrap .caution a[href^='tel'] { color: #333;}

@media (min-width: 769px) {

}

@media (max-width: 768px) {

}




.w60 { max-width: 60px;}
.w80 { max-width: 80px;}
.w100 { max-width: 100px;}
.w120 { max-width: 120px;}
.w140 { max-width: 140px;}
.w160 { max-width: 160px;}
.w180 { max-width: 180px;}
.w200 { max-width: 200px;}
.w300 { max-width: 300px;}
.w400 { max-width: 400px;}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 769px) {

}

@media (max-width: 768px) {

}