@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/**************************************** header footer
*****************************************/
body { padding-top: 0 !important; }

header { position: static; height: 90px; border: none; }
header .head_logo { height: 50px; }

@media print, screen and (min-width: 1030px) { section { padding-top: 100px; padding-bottom: 100px; } }
@media screen and (max-width: 1029px) { section { padding-top: 50px; padding-bottom: 50px; } }

.ev_title { border-bottom: solid 1px #333; padding-bottom: 25px; margin-bottom: 50px; }

/*
***************************************

mailform

*****************************************/
.form_bg { background: #E1E8F5; }
@media print, screen and (min-width: 1030px) { .form_bg { margin: 70px 0; padding: 60px; } }
@media screen and (max-width: 1029px) { .form_bg { margin: 40px 0; padding: 40px 5% 10px; } }

.mailform { padding-bottom: 120px; }
.mailform table { width: 100%; text-align: left; border-spacing: 0; }
.mailform th, .mailform td { vertical-align: top; font-weight: normal; }
.mailform th span, .mailform td span { font-size: 80%; display: block; }
.mailform input, .mailform textarea, .mailform select { border: solid 1px #999999; max-width: 100%; padding: 5px 10px; border-radius: 5px; box-sizing: border-box; }
@media print, screen and (min-width: 1030px) { .mailform tr.border th, .mailform tr.border td { border-top: solid 1px #707070; padding-top: 40px; } }
@media screen and (max-width: 1029px) { .mailform tr.border th { border-top: solid 1px #707070; padding-top: 30px; } }
.mailform th .red { padding: 0px 10px; background: #C94D00; color: white; border-radius: 5px; margin: -3px 0 0 10px; font-size: 80%; vertical-align: middle; display: inline-block; }
.mailform .red { background: #A52116; color: white; padding: 0 10px; margin-top: 5px; border-radius: 5px; }
.mailform .orange { color: #C94D00; }
.mailform .w100 { width: 100%; }
.mailform .w340 { width: 340px; }
.mailform .w150 { width: 150px; }
@media print, screen and (min-width: 1030px) { .mailform th, .mailform td { padding-bottom: 30px; }
  .mailform th { padding-right: 20px; width: 270px; } }
@media screen and (max-width: 1029px) { .mailform table, .mailform tbody, .mailform tr, .mailform th, .mailform td { display: block; }
  .mailform th { padding-bottom: 5px; }
  .mailform td { padding-bottom: 30px; } }

.form-required { margin-bottom: 10px; }
@media print, screen and (min-width: 1030px) { .form-required { padding-left: 60px; } }

.form-privacy-check span { font-weight: bold; }

.mailform__send__btn { /* iOSでのデフォルトスタイルをリセット */ }
.mailform__send__btn input[type="submit"], .mailform__send__btn input[type="button"], .mailform__send__btn .btn a { -webkit-box-sizing: content-box; -webkit-appearance: none; border-radius: 0; appearance: none; border: none; box-sizing: border-box; }
.mailform__send__btn input[type="submit"]::-webkit-search-decoration, .mailform__send__btn input[type="button"]::-webkit-search-decoration, .mailform__send__btn .btn a::-webkit-search-decoration { display: none; }
.mailform__send__btn input[type="submit"]::focus, .mailform__send__btn input[type="button"]::focus, .mailform__send__btn .btn a::focus { outline-offset: -2px; }
.mailform__send__btn .btn a, .mailform__send__btn input { border-radius: 0 !important; background-color: #2F569F; color: white; max-width: 100%; font-size: 100%; line-height: 55px; font-weight: bold; padding: 0; text-align: center; transition: ease .3s; }
@media print, screen and (min-width: 1030px) { .mailform__send__btn .btn a, .mailform__send__btn input { width: 460px; }
  .mailform__send__btn .btn a:hover, .mailform__send__btn input:hover { background-color: #7C95C2; } }
@media screen and (max-width: 1029px) { .mailform__send__btn .btn a, .mailform__send__btn input { width: 300px; border-radius: 0; } }
.mailform__send__btn .btn a, .mailform__send__btn .btn span { display: block; position: relative; }
@media print, screen and (min-width: 1030px) { .mailform__send__btn .btn a, .mailform__send__btn .btn span { margin: 30px 20px 0; } }
@media screen and (max-width: 1029px) { .mailform__send__btn .btn a, .mailform__send__btn .btn span { margin: 30px auto 0; display: inline-block; } }
.mailform__send__btn .btn a::after, .mailform__send__btn .btn span::after { content: ""; position: absolute; margin-top: -4px; display: block; background-size: contain !important; width: 25px; height: 8px; top: 50%; right: 20px; background: url(https://www.catherine.ac.jp/wp-content/themes/scu2022/img/common/arrow_w.svg) no-repeat center; }
.mailform__send__btn .btn.back input::after, .mailform__send__btn .btn.back span::after { transform: scale(-1, 1); left: 20px; }

.privacy { border: solid 1px #707070; margin-bottom: 80px; }
@media print, screen and (min-width: 1030px) { .privacy { padding: 45px 60px; } }
@media screen and (max-width: 1029px) { .privacy { padding: 45px 5%; } }
.privacy a { color: #2F569F; }

/***************************************

mailform form_end

*****************************************/
.form_end { background: #A52116; text-align: center; color: white; display: inline-block; font-weight: bold; padding: 5px 10px; margin-bottom: 20px; }

.form_end#send_btn { background: none; display: block; }
.form_end#send_btn .btn a, .form_end#send_btn .btn input { background: #DDDDDD; }

/***************************************

mailform kakunin

*****************************************/
.kakunin .btn a, .kakunin .btn input { width: 200px; }

/***************************************

mailform thanks

*****************************************/
.form_thanks p.contents-title.m-size { margin-bottom: 100px; }
.form_thanks p.m-size { background: #E1E8F5; text-align: center; width: 150px; height: 150px; line-height: 150px; border-radius: 50%; margin: auto; }
.form_thanks .noreply { text-align: left; margin: 60px auto 70px; }
.form_thanks .noreply li { margin-left: 30px; }
.form_thanks .noreply li::before { content: "・"; margin-left: -1em; }
.form_thanks .uketsuke { border: solid 1px #707070; margin-top: 80px; margin-bottom: 40px; }
@media print, screen and (min-width: 1030px) { .form_thanks .uketsuke { padding: 50px; } }
@media screen and (max-width: 1029px) { .form_thanks .uketsuke { padding: 40px 5%; } }
.form_thanks .uketsuke p { text-align: left; font-weight: bold; }

/*
***************************************

mailform kanri

*****************************************/
.kanri .title_bar { background: #DDDDDD; }
.kanri input { margin-right: 10px; width: 100px; }
.kanri .btn a { text-align: center; font-weight: bold; border-radius: 30px; }
@media screen and (max-width: 1029px) { .kanri .form_bg { padding: 40px 5%; } }
.kanri .error_text { color: #FF0000; font-weight: bold; }