@charset "utf-8";
p.txt-none-fan {font-weight: bold;text-align: center;color: #00aeac; font-size: 20px;margin: 50px 0;}
.sec4 .form input { -webkit-appearance: auto;}
.center{margin: 0 auto;}
select {-webkit-appearance: auto;appearance: auto; }
.custom-select select { appearance: none;}
.custom-select { position: relative; display: inline-block; width: 100%;}
.custom-select::after {
    content: '▼';
    position: absolute;
    top: 45%;
    right: 0.5em;
    width: 1.6em;
    height: 0.6em;
    transform: translateY(-50%);
    pointer-events: none;
}
.sec4 .form table td.custom-select select{ padding: 20px; width: 100%; border: 1px solid #00aeac; position: relative; background: transparent; margin-right: 10px;}
.sec3 p.red{margin-top: 20px;color: red;}
/*max-1030px*/
@media print, screen and (min-width: 768px) {
    .navDrawr > ul > li.fan-menu  {display: inline-block;position: relative;cursor: pointer;}
    .navDrawr > ul > li.fan-menu{border-bottom: 8px solid #e84709;}
    .sec1 {background: #fff;padding: 120px 0 0;}
    .sec1 .wrap {height: 210px; padding: 90px 0; box-sizing: border-box; display: flex;justify-content: center;flex-direction: column;}
    .sec1 .wrap h2 {font-size: 45px;font-family: Arial, Helvetica, "sans-serif";line-height: 45px;font-weight: 600;color: #00aeac;text-align: center;display: inline-block; }
    .sec1 .wrap h2 span {font-size: 20px;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";line-height: 40px;display: block;}
    .sec1 .wrap h3 {font-size: 18px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block; text-align: center; font-weight: 600; color: #00aeac; margin-bottom: 5px; }
    .sec2 {background: #f5f5f5;padding: 60px 0;}
    .sec2 .wrap {max-width: 1280px;width: 100%;margin: 0 auto;}
    .sec2 .img { margin-bottom: 40px;}
    .sec2 .fan-ttl { font-size: 75px; font-weight: bold; text-align: center; margin-top: 50px; margin-bottom: 30px; font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro;}
    .sec2 .fan-ttl span.orange { color: #e84709;}
    .sec2 .txt-fan {font-weight: bold;text-align: center;font-size: 40px;margin-bottom: 30px;}
    .sec2 .box {margin: 0 auto;width: 50%;min-width: 600px;background: #fff;padding: 45px 50px;line-height: 2.2em;border: 4px solid #00aeac;}
    .sec2 .box h2 { text-align: center; font-size: 38px; font-weight: bold; display: flex;justify-content: center;}
    .sec2 .box h2 span.zero {font-size: 100px; padding: 0 6px; color: #b00622; letter-spacing: -5px; display: flex; align-items: center;}
    .sec2 .box h2 span.doll {font-size: 65px;color: #b00622;}
    .sec2 .box h2.hangaku {text-align: center;font-size: 35px;font-weight: 900;margin-top: 20px;}
    .sec2 .box h2.hangaku span.red {text-align: center;font-size: 45px;font-weight: 900;color: #fc7176;padding-left: 10px;}
    .sec2 p.under {font-weight: 700;width: fit-content;margin: 0 auto;font-size: 17px;line-height: 2em;margin-bottom: 60px;}
    .sec2 p.tops {font-weight: 700;width: fit-content;margin: 0 auto;font-size: 19px;line-height: 2em;margin-bottom: 60px;color: #00aeac;}
    .sec3 {padding: 60px 0 120px;}
    .sec3 .wrap { max-width: 1300px; padding: 0 10px; margin: 0 auto;}
    .sec3 p {margin: 0 auto;font-size: 17px;line-height: 2em;margin-bottom: 80px;font-weight: 500;}
    .sec3 h4 {margin: 0 auto;font-size: 30px;line-height: 2em;margin-bottom: 60px;font-weight: bold;text-align: center;color: #00aeac;}
    .sec3 h3 {margin: 0 auto;font-size: 30px;line-height: 2em;margin-top: 90px;font-weight: bold;text-align: center;color: #fff;background: #00aeac;}
    .sec3 ul li .txt {text-align: center;padding-top: 10px;font-size: 17px;}
    .sec3 .flex {display: flex;justify-content: center;}
    .sec3 .flex li{padding: 0px 30px;}
    .sec3 .flex_f .img {padding-bottom: 10px;}
    .sec3 table{border-collapse:separate; border-spacing: 7px; width: 90%; margin: 0 auto;margin-top: 60px;}
    .sec3 table th,table td{text-align: center;padding: 5px 0;}
    .sec3 table th{background-color: #f4f4f4;width: 65%;font-size: 20px;text-align: left;padding: 15px 60px;}
    .sec3 table th.non{background-color: #fff;}
    .sec3 table th dl dt {cursor: pointer;position: relative;}
    .sec3 table th dl dt .arrow {position: absolute; top: 3px;right: -25px;width: 13px;height: 13px;border: 4px solid currentColor;border-left: 0;border-bottom: 0;color: #00aeac;transform: rotate(135deg);transition: transform 0.3s ease;margin-left: auto;border-radius: 2px; }
    .sec3 table th dl dt .arrow.change {transform: rotate(-45deg);}
    .txtBg{background-color: #fff;border-radius: 15px;}
    .txtBox{font-size: 17px;margin-top: 15px;padding: 15px 30px; font-weight: normal;}
    .sec3 table td{background-color: #f4f4f4;font-size: 40px;width: 25%;margin: 0px 5px;display: inline-block;}
    .sec3 table td.p,
    .sec3 table td.s,
    .sec3 table td.kids{color: #fff;padding: 5px 0;border-radius: 10px 10px 0px 0px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";font-weight: bold;}
    .sec3 table td.p{background-color: #c5b743;}
    .sec3 table td.s{background-color: #a0a0a0;}
    .sec3 table td.kids{background-color: #11c4f7;}
    .sec3 table td.p_i,
    .sec3 table td.s_i,
    .sec3 table td.kids_i{ font-size: 37px;}
    .sec3 table td.p_i{color: #c5b743;}
    .sec3 table td.s_i{color: #a0a0a0;}
    .sec3 table td.kids_i{color: #11c4f7;}
    .sec4 { background: #66cef6; padding: 100px 0;  padding-top: 150px;}
    .sec4 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 60px;}
    .sec4 .wrap h2 span {font-size: 20px;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,  "sans-serif";line-height: 40px;display: block;}
    .sec4 h4{font-size: 20px;text-align: center;font-weight: 600;font-family: Arial, Helvetica, "sans-serif";color: #fff;}
    .sec4 .intro {background: #fff;padding: 60px 83px;font-size: 15.5px;line-height: 1.9em;margin-bottom: 80px;font-weight: 600; }
    .sec4 .intro .btn {padding: 10px;background: #e5e5e5;width: 30%;text-align: center;margin-top: 25px;margin-bottom: 15px;}
    .sec4 .form { background: #fff; padding: 80px 60px; margin-bottom: 50px;}
    .sec4 .form table {width: 100%; }
    .sec4 .form table th { text-align: left; vertical-align: top;padding-top: 3em;font-size: 17px;width: 28%;font-weight: 900;}
    .sec4 .form table th span { color: #e84709; font-weight: bold; margin-left: 20px;padding: 5px; border: 1px solid #e84709;}
    .sec4 .form table td {padding-bottom: 2em;font-size: 17px;text-align: left;padding-top: 2em;}
    .sec4 .form table td input {height: 60px;padding: 15px;width: 100%;border: 1px solid #00aeac;border-radius: 3px; margin-bottom: 10px;}
    .sec4 .form table tr td .short input { width: 40%; }
    .sec4 .form tr {border-bottom: 1px solid #DCDCDC;}
    .sec4 .form tr td p { float: right; color: #e32339;font-weight: 700; width: 55%;}
    .sec4 .form tr:first-child {border-bottom: 1px solid #00aeac;}
    .sec4 .form tr:last-child { border-bottom: none;}
    .sec4 .form table td input[type="radio"]:first-child {margin-left: 0;}
    .sec4 .form table td input[type="radio"] {width: auto;border: none; vertical-align: middle; margin-left: 20px; margin-bottom: 5px;}
    .sec4 .form table td.radio label { padding-right: 40px;}
    .sec4 .form table td.radio {font-size: 18.4px;font-weight: bold; }
    .sec4 .form table td .postalCode { position: relative; }
    .sec4 .form table td .postalCode span { position: absolute; content: ""; top: 16px; left: -26px;}
    .sec4 .form table td .postalCode input { width: 40%;}
    .sec4 .form table td.address input {margin-bottom: 15px;}
    .sec4 .form table td textarea { width: 100%; border: 1px solid #00aeac;padding: 20px;}
    .sec4 .form table td select {padding: 20px;width: 80%;border: 1px solid #00aeac;position: relative;background: transparent; margin-right: 10px;}
    .sec4 .form table td.birth {font-size: 17px;font-weight: bold;position: relative;display: flex;}
    .sec4 .form table td.birth>div,
    .sec4 .form table td.birth span { display: inline-block; position: relative; width: 32%; z-index: 1; }
    .sec4 .form table td.birth>div:after { position: absolute;content: "";width: 8px;height: 8px;right: 75px;top: 50%;transform: translateY(-50%) rotate(45deg);border-bottom: 2px solid #000;border-right: 2px solid #000;z-index: -1;}
    .sec4 .form table td.birth span {margin-right: 20px;}
    .sec4 .center {text-align: center; }
    .sec4 .submit { display: block; position: relative; transition: 0.3s; margin-top: 20px;text-align: center; margin: 0 auto;}
    .sec4 .submit:after { position: absolute; content: ""; width: 12px; height: 12px; right: 370px; top: 50%; transform: translateY(-50%) rotate(-45deg);border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
    .sec4 .submit:hover {opacity: 0.8; }
    .sec4 .submit input { cursor: pointer;background: #3399cc;width: 420px;height: 83px;color: #fff;border: none;font-size: 19px; font-weight: 800;}
    .sec4 .center p { display: block; font-size: 16px;}
    .sec4 .center a { text-decoration: underline;}
    .mw_wp_form_input .intro { display: block;}
    .mw_wp_form_input .preview { display: none;}
    .mw_wp_form_preview .intro { display: none;}
    .mw_wp_form_preview .preview { display: block; background: #fff; padding: 60px 90px; font-size: 16px; line-height: 1.9em; margin-bottom: 80px; font-weight: 600;}
    .mw_wp_form_preview table tr:first-child th { color: #000 !important;}
    .mw_wp_form_preview table tr:first-child td p { display: none;}
    .mw_wp_form_preview table th { padding: 0 !important; vertical-align: middle !important;}
    .mw_wp_form_preview table th span { display: none;}
    .mw_wp_form_preview table td.birth span { width: auto !important;}
    .mw_wp_form_preview table td.birth br { display: none;}
    .mw_wp_form_complete { text-align: center;}
    .mw_wp_form_complete h3 { font-size: 30px; margin: 0 0 50px;}
    .mw_wp_form_complete p { font-size: 16px; margin: 10px auto;}
    .mw_wp_form_complete .btn { margin: 50px 0 0;}
    .mw_wp_form_complete .btn a { display: inline-block; background: #3399cc; width: 420px; height: 40px; color: #fff; border: none; font-size: 19px; font-weight: 800; line-height: 40px; position: relative;}
    .mw_wp_form_complete .btn a::after { position: absolute; content: ""; width: 8px; height: 8px; right: 370px; top: 50%; transform: translateY(-50%) rotate(-45deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff;}

}

/*769px-1029px*/
@media screen and (min-width: 769px) and (max-width: 1029px) {
  .sec1 {background: #fff; padding: 120px 0 0;}
  .sec1 .wrap { height: 160px; padding-top: 40px; box-sizing: border-box; display: flex;justify-content: center;}
  .sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #00aeac;text-align: center; display: inline-block;}
  .sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,  "sans-serif";line-height: 40px;display: block; }
  .sec2 { background: #fff; padding: 85px 0 160px;}
  .sec2 .wrap { width: 100%; padding: 0 10px;}
  .sec2 p { text-align: center;}
  .sec3 p {text-align: center;}
  .sec4 .form table td select { padding: 20px;width: 25%;border: 1px solid #00aeac;position: relative;background: transparent;margin-bottom: 10px;margin-left: 5px;}
  .sec4 .form table td input[type="radio"] { width: auto;border: none;vertical-align: middle;margin-left: 17px;margin-bottom: 5px;}
}

/*768px-min*/
@media only screen and (max-width: 768px) {
    .sec1 {background: #fff; padding: 90px 0 0;}
    .sec1 .wrap {height: 120px;padding-top: 20px;box-sizing: border-box;display: flex;justify-content: center;padding-bottom: 30px; flex-direction: column;}
    .sec1 .wrap h3 {font-size: 18px;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";line-height: 20px;display: block;text-align: center; font-weight: 600; color: #00aeac; margin-bottom: 5px;}
    .sec1 .wrap h2 { font-size: 30px;font-family: Arial, Helvetica, "sans-serif";line-height: 45px;font-weight: 600;color: #00aeac;text-align: center;display: inline-block; }
    .sec1 .wrap h2 span {font-size: 15px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,  "sans-serif";line-height: 25px;display: block;}
    .scroll { overflow: scroll;scrollbar-width: auto;}
    section {padding: 40px 0;}
    section .wrap {padding: 0 20px; }
    section h2 {font-size: 30px;font-family: Arial, Helvetica, "sans-serif"; line-height: 45px;font-weight: 600;color: #00aeac;text-align: center;}
    section h2 span { font-size: 35px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";line-height: 40px;}
    .sec2 { background: #f5f5f5;}
    .sec2 .wrap {max-width: 1280px;width: 100%;margin: 0 auto;}
    .sec2 .img {margin-bottom: 40px;}
    .sec2 .fan-ttl { font-size: 26px; font-weight: bold; text-align: center; margin-top: 30px;}
    .sec2 .fan-ttl span.orange { color: #e84709;}
    .sec2 .txt-fan { font-weight: bold; text-align: center; font-size: 25px; margin-bottom: 30px;}
    .sec2 .box {margin: 0 auto;background: #fff;padding: 20px 20px;line-height: 2.2em;border: 2px solid #00aeac;}
    .sec2 .box h2 {text-align: center;font-size: 25px;font-weight: bold;}
    .sec2 .box h2 span.number {font-size: 33px;padding: 0 6px;}
    .sec2 .box h2.hangaku { text-align: center;font-size: 32px;font-weight: 900;line-height: 60px;}
    .sec2 p.tops {padding-top: 3em;font-weight: 700;font-size: 16px; margin: 0 auto;line-height: 2em; margin-bottom: 20px; color: #00aeac; }
    .sec2 p.under{padding-top: 1em;font-weight: 700;margin: 0 auto;font-size: 16px;line-height: 2em;margin-bottom: 20px;}
    .sec2 .box h2 {text-align: center;font-size: 25px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
    .sec2 .box h2 span.zero {font-size: 45px;padding: 0 6px;color: #b00622;letter-spacing: 0px;}
    .sec3 p { margin: 0 auto; font-size: 17px;line-height: 2em;margin-bottom: 10px;font-weight: 500;}
    .sec3 h3 {margin: 0 auto;  font-size: 30px;  line-height: 2em;  margin-top: 90px;  font-weight: bold;  text-align: center;  color: #fff; background: #00aeac; }
    .sec3 h4 { margin: 0 auto; font-size: 30px; line-height: 2em; margin-bottom: 20px;font-weight: bold;text-align: center; color: #00aeac;}
    .sec3 ul li .txt { text-align: center; padding-top: 10px; font-size: 17px;}
    .sec3 .flex { display: flex; justify-content: space-between; padding-top: 30px; flex-wrap: wrap;gap: 10px;}
    .sec3 .flex li{width: 50%; }
    .sec3 ul >* { flex: 0 0 48.3333%;}
    .sec3 table{ border-collapse:separate; border-spacing: 7px; width: 210%;margin: 0 auto;}
    .sec3 table th,table td{text-align: center;}
    .sec3 table th { background-color: #f4f4f4; width: 11%; font-size: 14px; text-align: left; padding: 12px;}
    .sec3 table th.non{background-color: #fff;}
    .sec3 table td{background-color: #f4f4f4; font-size: 25px;width: 8%;}
    .sec3 table td{background-color: #f4f4f4; font-size: 30px;width: 3%;}
    .sec3 table td.p,
    .sec3 table td.s,
    .sec3 table td.kids{color: #fff;padding: 5px 0;border-radius: 10px 10px 0px 0px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";font-weight: bold;}.sec3 table td.p{background-color: #c5b743;}.sec3 table td.s{background-color: #a0a0a0;}
    .sec3 table td.kids{background-color: #11c4f7;}
    .sec3 table td.p_i,
    .sec3 table td.s_i,
    .sec3 table td.kids_i{font-size: 37px;}
    .sec3 table td.p_i{color: #c5b743;}
    .sec3 table td.s_i{color: #a0a0a0;}
    .sec3 table td.kids_i{color: #11c4f7;}
    .sec3 table th dl dt { cursor: pointer; position: relative;}
    .sec3 table th dl dt .arrow {position: absolute;top: -2px; right: 10px; width: 13px; height: 13px; border: 4px solid currentColor; border-left: 0;border-bottom: 0;color: #00aeac;transform: rotate(135deg); transition: transform 0.3s ease;margin-left: auto; border-radius: 2px;}
    .sec3 table th dl dt .arrow.change { transform: rotate(-45deg);}
    .txtBg{background-color: #fff;border-radius: 15px;}
    .txtBox{font-size: 14px; margin-top: 15px; padding: 15px 10px; font-weight: normal;}
    .sec4 {background: #66cef6;padding-top: 60px;}
    .sec4 h2 { color: #fff; margin-bottom: 40px;}
    .sec4 h2 span { display: block;}
    .sec4 h4{font-size: 17px;text-align: center;font-weight: 600;padding: 30px 0;font-family: Arial, Helvetica, "sans-serif";color: #fff;}
    .sec4 .intro {background: #fff; padding: 24px; font-size: 16px; line-height: 1.8em; margin-bottom: 40px;font-weight: 600;}
    .sec4 .intro .btn { padding: 10px; background: #e5e5e5; text-align: center; margin-top: 20px; margin-bottom: 15px;}
    .sec4 .form { background: #fff; padding: 30px; margin-bottom: 50px; }
    .sec4 .form table {width: 100%; }
    .sec4 .form table th { font-size: 16px; font-weight: bold; text-align: left; padding: 14px; width: 100%; display: block;}
    .sec4 .form table th span { color: #e84709;border: 1px solid #e84709;font-size: 14px;padding: 2px; margin-left: 30px;}
    .sec4 .form table td {padding: 0 0 20px;border-bottom: 1px solid #dbdbdb;font-size: 16px;display: block;}
    .sec4 .form table td input {width: 100%;border: 1px solid #00aeac;padding: 20px;margin-bottom: 10px;}
    .sec4 .form table td input[type="radio"] { width: auto; border: none; vertical-align: middle; margin-bottom: 5px;}
    .sec4 .form table td.radio label { display: inline-block; width: 83%;}
    .sec4 .form table td.radio {font-size: 18.4px;font-weight: bold; }
    .sec4 .form table td .postalCode {position: relative; }
    .sec4 .form table td .postalCode span {position: absolute;content: "";top: 16px;left: -26px;}
    .sec4 .form table td .postalCode input { width: 40%;}
    .sec4 .form table td.address input { margin-bottom: 15px;}
    .sec4 .form table td textarea {width: 100%;border: 1px solid #00aeac;padding: 20px;}
    .sec4 .form table td select {padding: 20px; width: 81%; border: 1px solid #00aeac; position: relative; background: transparent; margin-bottom: 10px;}
    .sec4 .form table td.birth {font-size: 17px;font-weight: bold;position: relative;}
    .sec4 .form table td.birth>div {display: inline-block;position: relative; width: 100%;z-index: 1; }
    .sec4 .form table td.birth>div:after {position: absolute; content: ""; width: 8px;height: 8px;right: 75px;top: 50%;transform: translateY(-50%) rotate(45deg);border-bottom: 2px solid #000; border-right: 2px solid #000; z-index: -1; }
    .sec4 .form table td.birth span { margin-right: 20px;}
    .sec4 .center { text-align: center;}
    .sec4 .submit { display: block; position: relative; transition: 0.3s; margin-top: 20px; }
    .sec4 .submit:after {position: absolute; content: ""; width: 12px; height: 12px; right: 20px; top: 50%; transform: translateY(-50%) rotate(-45deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
    .sec4 .submit:hover {  opacity: 0.8;}
    .sec4 .submit input { cursor: pointer; background: #3399cc; width: 100%;height: 60px;color: #fff;border: none;font-weight: bold;}
    .sec4 .form tr td p {color: #e32339;font-weight: 700;}
    .sec4 .center p { display: block;font-size: 16px;}
    .sec4 .center a {text-decoration: underline;}
    .mw_wp_form_input .intro { display: block;}
    .mw_wp_form_input .preview { display: none;}
    .mw_wp_form_preview .intro { display: none;}
    .mw_wp_form_preview .preview { display: block; background: #fff; padding: 24px; font-size: 16px; line-height: 1.8em; margin-bottom: 40px; font-weight: 600;}
    .mw_wp_form_preview table tr:first-child th { color: #000 !important;}
    .mw_wp_form_preview table tr:first-child td p { display: none;}
    .mw_wp_form_preview table th { padding: 20px 0 10px !important; vertical-align: middle !important;}
    .mw_wp_form_preview table th span { display: none;}
    .mw_wp_form_preview table td.birth span { width: auto !important;}
    .mw_wp_form_preview table td.birth br { display: none;}
    .mw_wp_form_complete { text-align: center;}
    .mw_wp_form_complete h3 { font-size: 24px; margin: 0 0 50px;}
    .mw_wp_form_complete p { font-size: 14px; margin: 10px auto;}
    .mw_wp_form_complete .btn { margin: 50px 0 0;}
    .mw_wp_form_complete .btn a { display: inline-block; background: #3399cc; width: 280px; height: 40px; color: #fff; border: none; font-size: 17px; font-weight: 800; line-height: 40px; position: relative;}
    .mw_wp_form_complete .btn a::after { position: absolute; content: ""; width: 8px; height: 8px; right: 240px; top: 50%; transform: translateY(-50%) rotate(-45deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
    p.txt-none-fan {font-weight: bold;text-align: center;color: #00aeac;font-size: 16px;margin: 0px 0 50px;}
}