@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Anaheim&family=EB+Garamond&family=Noto+Serif+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap");
#program figure img { display: block; vertical-align: bottom; width: 100%; }
#program h4.sty3 { background-color: #392413; color: #fff; margin: 0; padding: 0px; font-size: 14px; padding-left: 20px; margin-bottom: 10px; }
#program h4.sty2 { background-color: #392413; color: #fff; font-size: 20px; text-align: center; padding: 20px; margin-top: 0; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program h4.sty2 { font-size: 2.5vw; line-height: 1.4em; } }
@media screen and (max-width: 376px) { #program h4.sty2 { padding: 4vw; } }
#program h4.sty2 span { padding-right: 10px; padding-left: 10px; padding: 10px; display: block; width: 100%; background-color: #DCD6CD; color: #392413; text-align: left; font-size: 13px; line-height: 1.6em; font-feature-settings: "pwid"; letter-spacing: 0px; margin-top: 20px; }
#program h4.sty2 span.sty2 { margin-top: 0px; }
@media screen and (max-width: 584px) { #program h4.sty2 span { font-size: 2.5vw; line-height: 1.4em; } }
#program h4.sty2 span i { width: 140px; display: inline-block; font-style: initial; text-align: right; padding-right: 10px; }
@media screen and (max-width: 584px) { #program h4.sty2 span i { width: auto; }
  #program h4.sty2 span i.styh { display: block; text-align: left; }
  #program h4.sty2 span i.styn { display: none; } }
@media screen and (max-width: 584px) { #program h4.sty2 { font-size: 4vw; } }
@media screen and (max-width: 376px) { #program h4.sty2 { font-size: 3.5vw; } }
#program .secform2 { background-color: #fff; position: relative; padding-top: 60px; padding-bottom: 60px; }
@media screen and (max-width: 584px) { #program .secform2 { padding-top: 0px; padding-bottom: 0px; } }
#program .secform2 .note { position: absolute; right: 5px; bottom: 5px; z-index: 3; color: #fff; }
#program .secform2::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center; background-image: url("../images/top/img_03.jpg"); content: ""; opacity: 0.7; }
#program .secform2 h3 { color: #000; margin: 0; margin-bottom: 40px; line-height: 2em; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program .secform2 h3 { line-height: 1.8em; } }
#program .secform2 .bann { background-color: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; backdrop-filter: blur(3px); width: 100%; margin-left: auto; margin-right: auto; padding: 40px; max-width: 800px; z-index: 3; z-index: 3; }
@media screen and (max-width: 584px) { #program .secform2 .bann { width: 100%; padding: 6vw; margin-top: 0px; } }
#program .secform2 .moreb { width: 100%; background-color: #139EE8; margin-left: auto; margin-right: auto; z-index: 3; display: flex; justify-content: center; align-items: center; padding: 10px; position: relative; }
#program .secform2 .moreb a { color: #fff; display: block; width: 100%; height: 100%; position: relative; text-align: center; }
#program .secform2 .moreb span { background-color: #FCEE21; color: #c82829; padding: 4px; display: inline-block; margin-right: 4px; }
@media screen and (max-width: 584px) { #program .secform2 .moreb span { display: block; } }
#program .sectionin h3 { text-align: center; font-size: 30px; color: #392413; margin-bottom: 20px; margin-top: 60px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program .sectionin h3 { font-size: 6vw; } }
#program .sectionin h3.sty2 { margin-top: 0; padding-top: 0; }
#program .mainimg { position: relative; }
#program .mainimg .bg { display: block; vertical-align: bottom; width: 80%; max-width: 1200px; margin-left: auto; margin-right: 0; overflow: hidden; z-index: 3; }
@media screen and (max-width: 584px) { #program .mainimg .bg { width: 100%; } }
#program .mainimg .bg ul { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#program .mainimg .bg ul li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; opacity: 0; overflow: hidden; -webkit-transition: 2s; -moz-transition: 2s; -o-transition: 2s; transition: 2s; }
#program .mainimg .bg ul li::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 100% auto; background-position: center center; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#program .mainimg .bg ul li.s1::after { background-size: cover; background-position: center; background-image: url("../images/top/main_03.jpg"); transform: scale(1.1) rotate(0.1deg); -moz-transform: scale(1.1) rotate(0.1deg); -webkit-transform: scale(1.1) rotate(0.1deg); -o-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); }
@media screen and (max-width: 584px) { #program .mainimg .bg ul li.s1::after { background-image: url("../images/top/main_03@sp.jpg"); } }
#program .mainimg .bg ul li.s2::after { background-image: url("../images/top/main_01.jpg"); transform: scale(1, 1) rotate(0.1deg); -moz-transform: scale(1, 1) rotate(0.1deg); -webkit-transform: scale(1, 1) rotate(0.1deg); -o-transform: scale(1, 1) rotate(0.1deg); -ms-transform: scale(1, 1) rotate(0.1deg); }
@media screen and (max-width: 584px) { #program .mainimg .bg ul li.s2::after { background-image: url("../images/top/main_01@sp.jpg"); } }
#program .mainimg .bg ul li.s3::after { background-size: cover; background-position: center center; background-image: url("../images/top/main_04.jpg"); transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); }
@media screen and (max-width: 584px) { #program .mainimg .bg ul li.s3::after { background-image: url("../images/top/main_04@sp.jpg"); } }
#program .mainimg .bg ul li.s4::after { background-image: url("../images/top/main_02.jpg"); transform: scale(1, 1) rotate(0.1deg); -moz-transform: scale(1, 1) rotate(0.1deg); -webkit-transform: scale(1, 1) rotate(0.1deg); -o-transform: scale(1, 1) rotate(0.1deg); -ms-transform: scale(1, 1) rotate(0.1deg); }
@media screen and (max-width: 584px) { #program .mainimg .bg ul li.s4::after { background-image: url("../images/top/main_02@sp.jpg"); } }
#program .mainimg .bg ul li.act1 { z-index: 7; }
#program .mainimg .bg ul li.act { opacity: 1; }
#program .mainimg .bg ul li.act::after { -webkit-transition: 10s; -moz-transition: 10s; -o-transition: 10s; transition: 10s; }
#program .mainimg .bg ul li.act.s1::after { background-repeat: no-repeat; background-position: center bottom; transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); }
#program .mainimg .bg ul li.act.s2::after { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); }
#program .mainimg .bg ul li.act.s3::after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); }
#program .mainimg .bg ul li.act.s4::after { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); }
#program .mainimg .sectionin { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; max-width: 1100px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 7; padding-top: 70px; }
@media screen and (max-width: 584px) { #program .mainimg .sectionin { padding-top: 30px; padding-left: 30px; } }
#program .mainimg .sectionin .mainc { position: relative; display: block; vertical-align: bottom; width: 100%; max-width: 300px; }
@media screen and (max-width: 584px) { #program .mainimg .sectionin .mainc { width: 30%; z-index: 7; max-width: 200px; position: absolute; left: 6vw; bottom: -3vw; padding: 0; margin: 0; }
  #program .mainimg .sectionin .mainc img { position: relative; z-index: 8; }
  #program .mainimg .sectionin .mainc:before { position: absolute; width: 120%; height: 90%; left: -10%; top: -10%; content: ""; background-color: rgba(255, 255, 255, 0.7); z-index: 7; backdrop-filter: blur(3px); } }
#program .secnews { padding: 20px; position: relative; z-index: 8; background-color: #C5E7FA; }
#program .secnews .sectionin { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; }
@media screen and (max-width: 584px) { #program .secnews .sectionin { padding: 20px; } }
#program .secnews .sectionin > dl { display: flex; justify-content: space-between; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#program .secnews .sectionin > dl > dt { width: 24%; font-size: 30px; position: relative; }
@media screen and (max-width: 584px) { #program .secnews .sectionin > dl > dt { width: 100%; font-size: 5vw; text-align: center; padding-bottom: 10px; margin-bottom: 10px; } }
#program .secnews .sectionin > dl > dt::before { width: 1px; height: 60%; content: ""; background-color: #1AA1E9; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 584px) { #program .secnews .sectionin > dl > dt::before { width: 60px; height: 1px; left: 50%; right: auto; top: auto; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }
#program .secnews .sectionin > dl > dd { width: 70%; font-size: 17px; text-align: left; }
@media screen and (max-width: 584px) { #program .secnews .sectionin > dl > dd { width: 100%; font-size: 3.5vw; line-height: 1.8em; } }
#program .secmessage { position: relative; z-index: 8; margin-top: -60px; }
#program .secmessage.sty2 .sectionin { padding-left: 60px; }
@media screen and (max-width: 584px) { #program .secmessage.sty2 .sectionin { padding: 20px; } }
#program .secmessage .mlist { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; }
#program .secmessage .mlist li { width: 100%; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#program .secmessage .mlist figure { width: 160px; height: 160px; }
#program .secmessage .mlist figure img { display: block; vertical-align: bottom; width: 100%; height: 100%; object-fit: cover; }
#program .secmessage .mlist h3 { width: calc(100% - 180px); margin-top: 0; text-align: center; line-height: 1.8em; font-size: 16px; }
#program .secmessage .sectionin { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; padding-left: 0; padding-top: 60px; padding-right: 60px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin { padding: 20px; } }
#program .secmessage .sectionin > dl { display: block; margin-bottom: 40px; }
#program .secmessage .sectionin > dl > dt { width: 24%; font-size: 30px; position: relative; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
#program .secmessage .sectionin > dl > dt figure { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dt { box-shadow: none; width: 100%; font-size: 5vw; text-align: center; padding-bottom: 10px; margin-bottom: 40px; margin-top: 0; }
  #program .secmessage .sectionin > dl > dt figure { max-width: 180px; margin-left: auto; margin-right: auto; } }
#program .secmessage .sectionin > dl > dt h2 { background-color: #392413; font-size: 20px; color: #fff; padding: 20px; margin: 0; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dt h2 { font-size: 5vw; } }
#program .secmessage .sectionin > dl > dd { width: 70%; font-size: 17px; text-align: left; position: relative; margin-left: auto; margin-right: 0; }
#program .secmessage .sectionin > dl > dd p { color: #000; line-height: 2.3em; font-size: 16px; margin-bottom: 40px; letter-spacing: .05em; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd p { width: 100%; font-size: 3.5vw; line-height: 1.8em; } }
#program .secmessage .sectionin > dl > dd .aword { display: flex; justify-content: space-between; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; }
#program .secmessage .sectionin > dl > dd .aword dt { width: 130px; background-image: url("../program/images/award.jpg"); background-size: cover; background-position: center center; padding: 10px; margin-left: -30px; margin-top: -30px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .aword dt { width: 100px; padding: 10px; margin-left: -30px; margin-top: 0px; } }
#program .secmessage .sectionin > dl > dd .aword dd { width: calc(100% - 140px); }
#program .secmessage .sectionin > dl > dd .aword dd .h2p { margin-bottom: 20px !important; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .aword dd { width: calc(100% - 90px); text-align: left; }
  #program .secmessage .sectionin > dl > dd .aword dd .h2p { margin-bottom: 10px !important; } }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd { width: 100%; font-size: 3.5vw; line-height: 1.8em; }
  #program .secmessage .sectionin > dl > dd figure { display: block; } }
#program .secmessage .sectionin > dl > dd .content1 { margin-bottom: 40px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; width: 100%; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #DCD6CD; z-index: 3; margin-top: 0px; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: auto; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 40px; padding-bottom: 60px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 { padding: 20px; } }
@media screen and (max-width: 376px) { #program .secmessage .sectionin > dl > dd .content1 { padding: 4vw; } }
#program .secmessage .sectionin > dl > dd .content1 > a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#program .secmessage .sectionin > dl > dd .content1 > dl { display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
#program .secmessage .sectionin > dl > dd .content1 > dl > dt { width: 160px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 > dl > dt { width: 100px; } }
#program .secmessage .sectionin > dl > dd .content1 > dl > dd { width: calc(100% - 200px); }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 > dl > dd { width: calc(100% - 120px); } }
#program .secmessage .sectionin > dl > dd .content1 h3 { width: 100%; margin-top: 0; text-align: center; line-height: 1.8em; font-size: 18px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; position: relative; height: 120px; padding-top: 24px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 h3 { height: 80px; padding-left: 100px; padding-top: 12px; text-align: left; } }
#program .secmessage .sectionin > dl > dd .content1 h3 i { position: absolute; width: 120px; height: 120px; overflow: hidden; right: 0; top: 0; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 h3 i { right: auto; left: 0; width: 80px; height: 80px; } }
#program .secmessage .sectionin > dl > dd .content1 h3 i img { display: block; vertical-align: bottom; width: 100%; height: 100%; object-fit: cover; object-position: 0% 10%; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 h3 { font-size: 3.5vw; width: 100%; font-feature-settings: "pwid"; letter-spacing: 0px; width: 100%; } }
#program .secmessage .sectionin > dl > dd .content1 .h2p { text-align: center !important; font-size: 17px; position: relative; font-feature-settings: "pwid"; letter-spacing: 0; margin: 0; line-height: 1.6em; width: 100%; margin-bottom: 20px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
#program .secmessage .sectionin > dl > dd .content1 .h2p span { background-color: #392413; color: #fff; width: 100%; max-width: 240px; margin-top: 0px; display: block; margin-left: auto; margin-right: auto; }
#program .secmessage .sectionin > dl > dd .content1 .h2p.sty2 { margin: 0; }
#program .secmessage .sectionin > dl > dd .content1 .h2p.sty2 span { margin: 0; max-width: 180px; margin-left: 0; margin-top: -40px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 .h2p.sty2 span { margin-top: -20px; margin-bottom: 10px; } }
#program .secmessage .sectionin > dl > dd .content1 h2 { color: #000; width: 100%; margin: 0; margin-bottom: 0px; padding-bottom: 30px; position: relative; font-feature-settings: "pwid"; letter-spacing: 0; text-align: center; font-size: 22px; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
#program .secmessage .sectionin > dl > dd .content1 h2::before { width: 200px; height: 1px; content: ""; background-color: #938D7D; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 h2 { margin-bottom: 15px; padding-bottom: 10px; text-align: center !important; width: 100%; font-size: 4vw; line-height: 1.7em; } }
#program .secmessage .sectionin > dl > dd .content1 h3 { margin: 0; color: #000; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 h3 { font-size: 3.5vw; } }
#program .secmessage .sectionin > dl > dd .content1 .moreb { position: absolute; left: 20px; bottom: 20px; background-color: #392413; color: #fff; width: 40%; text-align: center; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1 .moreb { position: relative; width: 100%; left: auto; right: auto; bottom: auto; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 6px; } }
#program .secmessage .sectionin > dl > dd .content1 .moreb a { text-align: center; display: block; width: 100%; height: 100%; position: relative; color: #fff; font-size: 14px; }
#program .secmessage .sectionin > dl > dd .content1.sty2 { padding-bottom: 40px; }
@media screen and (max-width: 584px) { #program .secmessage .sectionin > dl > dd .content1.sty2 { padding-bottom: 20px !important; } }
#program .moreb2 { position: absolute; right: 0px; bottom: 20px; background-color: #392413; color: #fff; width: 50%; text-align: center; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; cursor: pointer; }
@media screen and (max-width: 584px) { #program .moreb2 { position: relative; right: auto; bottom: auto; margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 6px; } }
#program .moreb2 a { text-align: center; display: block; width: 100%; height: 100%; position: relative; color: #fff; font-size: 14px; }
#program .secmessage2 { position: relative; z-index: 8; margin-top: -60px; }
#program .secmessage2 .mlist { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; }
#program .secmessage2 .mlist li { margin-bottom: 40px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; width: 100%; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #DCD6CD; z-index: 3; margin-top: 20px; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: auto; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 20px; padding-left: 40px; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist li { padding-left: 20px; } }
#program .secmessage2 .mlist li:hover { opacity: 0.7; }
#program .secmessage2 .mlist li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#program .secmessage2 .mlist li dl { display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
#program .secmessage2 .mlist li dl dt { width: 160px; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist li dl dt { width: 100px; } }
#program .secmessage2 .mlist li dl dd { width: calc(100% - 200px); }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist li dl dd { width: calc(100% - 120px); } }
#program .secmessage2 .mlist figure { width: 160px; height: 200px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist figure { width: 100px; height: 130px; } }
#program .secmessage2 .mlist figure img { display: block; vertical-align: bottom; width: 100%; height: 100%; object-fit: cover; }
#program .secmessage2 .mlist h3 { width: 100%; margin-top: 0; text-align: center; line-height: 1.8em; font-size: 18px; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist h3 { font-size: 4.5vw; width: 100%; font-feature-settings: "pwid"; letter-spacing: 0px; text-align: center; text-align: center !important; width: 100%; } }
#program .secmessage2 .mlist h2 { color: #000; width: 100%; margin: 0; margin-bottom: 30px; padding-bottom: 20px; position: relative; }
#program .secmessage2 .mlist h2::before { width: 100px; height: 1px; content: ""; background-color: #938D7D; position: absolute; left: 0; bottom: 0; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist h2 { margin-bottom: 15px; padding-bottom: 10px; text-align: center !important; width: 100%; }
  #program .secmessage2 .mlist h2::before { width: 60px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }
#program .secmessage2 .mlist h3 { margin: 0; color: #000; }
#program .secmessage2 .mlist .moreb { position: absolute; right: 20px; bottom: 20px; background-color: #392413; color: #fff; width: 200px; text-align: center; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; }
@media screen and (max-width: 584px) { #program .secmessage2 .mlist .moreb { position: relative; right: auto; bottom: auto; margin-top: 20px; margin-left: auto; margin-right: auto; } }
#program .secmessage2 .mlist .moreb a { text-align: center; display: block; width: 100%; height: 100%; position: relative; color: #fff; font-size: 14px; }
#program .secmessage2 .mlist .moreb:hover { opacity: 0.7; }
#program .secmessage2 .sectionin { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; padding-left: 60px; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; }
@media screen and (max-width: 584px) { #program .secmessage2 .sectionin { padding: 20px; padding-top: 40px; } }
#program .secmessage2 .sectionin h3 { margin-top: 0; text-align: left; line-height: 1.8em; }
@media screen and (max-width: 584px) { #program .secmessage2 .sectionin h3 { text-align: center; } }
#program .secinfo { background-color: #139EE8; position: relative; z-index: 8; }
#program .secinfo .sectionin { color: #fff; text-align: center; font-size: 30px; }
@media screen and (max-width: 584px) { #program .secinfo .sectionin { font-size: 4.5vw; padding: 6vw; } }
#program .stit2 { display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#program .stit2 > dt { width: 100% !important; color: #000; margin: 0; position: relative; font-feature-settings: "pwid"; letter-spacing: 0; font-size: 20px !important; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; border-bottom: 1px solid #938D7D; padding-bottom: 10px; }
@media screen and (max-width: 584px) { #program .stit2 > dt { margin-bottom: 15px; padding-bottom: 10px; text-align: center !important; width: 100%; font-size: 4vw !important; line-height: 1.7em; } }
#program .stit2 > dd { width: 100% !important; color: #000; margin-top: 0; text-align: center; line-height: 1.8em; font-size: 16px !important; font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; padding-top: 10px; }
@media screen and (max-width: 584px) { #program .stit2 > dd { padding-top: 0px; font-size: 3.5vw !important; } }
#program .stit2.sty2 { margin-bottom: 0 !important; }
#program .stit2.sty2 > dd { position: relative; text-align: left; }
@media screen and (max-width: 584px) { #program .stit2.sty2 > dd { text-align: center; } }
#program .stit2.sty2 > dd .moreb2 { bottom: 0; }
#program .mov { position: relative; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; }
#program .mov video { display: block; vertical-align: bottom; width: 100%; }
#program .cmmtb0 { position: relative; background-color: #fff; padding-bottom: 10px; max-height: 64vh; overflow: auto; }
@media screen and (max-width: 584px) { #program .cmmtb0 { max-height: 44vh; } }
#program .cmoreb { width: 80%; background-color: #139EE8; margin-left: auto; margin-right: auto; z-index: 3; display: flex; justify-content: center; align-items: center; padding: 6px; position: relative; }
#program .cmoreb img { height: 20px; display: inline-block; }
#program .cmoreb a { color: #fff; display: block; width: 100%; height: 100%; position: relative; text-align: center; }
@media screen and (max-width: 584px) { #program .cmoreb a { font-size: 3vw; } }
#program .cmoreb span { background-color: #FCEE21; color: #c82829; padding: 4px; display: inline-block; margin-right: 4px; }
@media screen and (max-width: 584px) { #program .cmoreb span { display: block; } }
#program .cmtb0 { padding: 20px; background: #f3f3f3; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; position: relative; }
#program .cmtb0 input[type="submit"], #program .cmtb0 input[type="button"] { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px !important; }
#program .cmtb0 .mtbl { max-width: 100% !important; }
#program .cmtb0 .mtbl th { width: 20%; }
#program .cmtb0 .mtbl td { width: 80%; }
#program .cmtb0 .mtbl td textarea { height: 100px !important; }
#program .cmnt { display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#program .cmnt li { width: 100%; position: relative; background-color: #F3F3F3; padding: 10px; margin-bottom: 6px; }
#program .cmnt li:nth-child(odd) { background-color: #f3faff; }
#program .cmnt li .cmoreb { display: inline-block; padding: 0; width: 140px; font-size: 11px; margin-top: 0px; }
#program .cmnt li .cmoreb a { line-height: 2em; }
#program .cmnt li dl > dt { font-size: 14px; line-height: 1.6em; }
#program .cmnt li dl > dd { font-size: 14px; line-height: 1.6em; color: #000; margin-top: 8px; }
#program .cmnt li dl > dd > dl { display: flex; justify-content: flex-start; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 13px; width: 94%; margin-left: auto; margin-right: 10px; margin-top: 6px; border-top: 1px dotted #015084; padding-top: 6px; padding-left: 10px; }
#program .cmnt li dl > dd > dl dt { color: #139EE8; width: auto; line-height: 1.4em; }
#program .cmnt li dl > dd > dl dd { width: 100%; line-height: 1.4em; color: #000; }
#program .fnabi { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; }
@media screen and (max-width: 584px) { #program .fnabi { margin-top: 0px; } }
#program .fnabi li { width: 100%; height: 60px; border-bottom: 1px solid #75665A; }
#program .fnabi li:last-child { border-bottom: none; }
#program .fnabi li a { font-weight: 400; font-style: normal; font-family: 'Noto Serif JP', serif; display: block; width: 100%; height: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; padding-left: 20px; font-size: 14px; background-color: #392413; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: left; position: relative; }
#program .fnabi li a img { display: inline-block; width: 40px; height: 40px; margin-right: 10px; }
@media screen and (max-width: 584px) { #program .fnabi li a img { display: inline-block; width: 30px; height: 30px; margin-right: 4px; margin-left: -10px; } }
#program .fnabi li a:hover { opacity: 0.7; }
#program .fnabi li a::before { content: ""; position: absolute; right: 20px; top: 50%; z-index: 1; width: 8px; height: 8px; margin: auto; border-top: #fff solid 2px; border-right: #fff solid 2px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
@media screen and (max-width: 584px) { #program .fnabi li a::before { border-top: #fff solid 1px; border-right: #fff solid 1px; top: 30%; -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); } }
@media screen and (max-width: 584px) { #program .fnabi li { width: 33.333%; height: 50px; border-right: 1px solid #75665A; }
  #program .fnabi li a { font-size: 3vw; line-height: 1.5em; }
  #program .fnabi li:nth-child(1), #program .fnabi li:nth-child(2) { width: 50%; } }

#formareaf { position: relative; box-sizing: border-box; padding-left: 10px; padding-right: 10px; max-width: 900px; margin-left: auto; margin-right: auto; }
#formareaf ul { margin: 0; padding: 0; list-style: none; }
#formareaf ul li { margin: 0; padding: 0; list-style: none; }
#formareaf ul li .tdth { padding-top: 10px; padding-bottom: 10px; }
#formareaf table { border-spacing: 0px; box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; }
#formareaf table tr th { padding: 6px; font-size: 12px; color: #0c0e13; text-align: left; width: 30%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; box-sizing: border-box; position: relative; font-size: 14px; color: #000000; font-weight: 400; padding-left: 44px; }
@media screen and (max-width: 584px) { #formareaf table tr th { font-size: 3.5vw; line-height: 1em; } }
#formareaf table tr th.tdtr { text-align: right; }
#formareaf table tr th a { display: block; }
#formareaf table tr th .fmst { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#formareaf table tr td { box-sizing: border-box; padding: 6px; font-size: 14px; color: #0c0e13; text-align: left; width: 70%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; position: relative; }
#formareaf table tr td a { text-decoration: underline; }
#formareaf table tr td span { position: relative; }
#formareaf table tr td.rrow td { border-bottom: none; }
#formareaf table tr td.rrow th { border-bottom: none; }
#formareaf table tr td.tdtr { text-align: right; }
#formareaf table tr td.tdh { background-color: #CCDAE1; }
#formareaf table tr td.td2 { text-align: center; width: 25%; }
#formareaf table tr td p { font-size: 12px; /*margin-bottom: 10px;*/ }
#formareaf table tr td table { width: 100%; }
#formareaf table tr td table tr th { border-bottom-color: #cccccc; }
#formareaf table tr td table tr td { border-bottom-color: #cccccc; width: auto; }
@media screen and (max-width: 584px) { #formareaf table tr td { padding-right: 0; padding-left: 0; font-size: 3.5vw; } }
#formareaf table.tdr3 tr th, #formareaf table.tdr3 tr td { width: auto; }
#formareaf table.mtbl { max-width: 400px; }
@media screen and (max-width: 584px) { #formareaf table.mtbl.mt20 { margin-top: 4px !important; }
  #formareaf table.mtbl th { width: 100% !important; display: block; padding-left: 0 !important; }
  #formareaf table.mtbl th br { display: none; }
  #formareaf table.mtbl td { width: 100%; display: block; } }
#formareaf dl.datef { margin: 0; padding: 0; box-sizing: border-box; position: relative; display: inline-block; margin-right: 15px; }
#formareaf dl.datef dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 40px; text-align: center; vertical-align: middle; display: inline-block; line-height: 2.5em; letter-spacing: 0.05em; }
@media screen and (max-width: 584px) { #formareaf dl.datef dt { font-size: 12px; width: auto; min-width: 30px; } }
#formareaf dl.datef dd { margin: 0; padding: 0; box-sizing: border-box; position: relative; vertical-align: bottom; display: inline-block; }
@media screen and (max-width: 584px) { #formareaf dl.datef { margin-right: 5px; } }
#formareaf dl.datef2 { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-size: 14px; display: inline-block; width: 100%; font-size: 0; }
#formareaf dl.datef2 dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 20%; text-align: center; vertical-align: middle; display: inline-block; font-size: 14px; line-height: 1em; }
@media screen and (max-width: 584px) { #formareaf dl.datef2 dt { font-size: 12px; width: auto; min-width: 30px; } }
#formareaf dl.datef2 dt .fmst { margin: 0; margin-left: 10px; }
#formareaf dl.datef2 dd { font-size: 16px; line-height: 1em; margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 70%; vertical-align: middle; display: inline-block; }
@media screen and (max-width: 584px) { #formareaf dl.datef2 { margin-right: 5px; } }
#formareaf .mb20 { margin-bottom: 20px; }
#formareaf .mb30 { margin-bottom: 30px; }
#formareaf .mb50 { margin-bottom: 50px; }
#formareaf .cf:before, #formareaf .cf:after { content: ""; display: table; }
#formareaf .cf:after { clear: both; }
#formareaf select { height: 40px; background-color: #F7F7F7; border: 1px solid #cccccc; border-radius: 3px; width: 220px; font-size: 16px; line-height: 2.5em; border: 1px; border: 0; outline: 1px solid #cccccc; outline-offset: -1px; }
#formareaf select.w60p { width: 60px; }
#formareaf select.w120p { width: 120px; }
#formareaf select.w140p { width: 140px; }
#formareaf select.w100 { width: 100%; }
#formareaf input[type="text"], #formareaf input[type="email"], #formareaf input[type="tel"], #formareaf input[type="url"], #formareaf input[type="number"], #formareaf input[type="password"], #formareaf textarea { width: 200px; font-size: 16px; line-height: 2.5em; border: 1px solid #cccccc; padding-left: 4px; box-sizing: border-box; background-color: #fff; font-feature-settings: "palt"; letter-spacing: 0.05em; }
#formareaf input[type="text"].w100, #formareaf input[type="email"].w100, #formareaf input[type="tel"].w100, #formareaf input[type="url"].w100, #formareaf input[type="number"].w100, #formareaf input[type="password"].w100, #formareaf textarea.w100 { width: 100%; }
#formareaf input[type="text"].w120p, #formareaf input[type="email"].w120p, #formareaf input[type="tel"].w120p, #formareaf input[type="url"].w120p, #formareaf input[type="number"].w120p, #formareaf input[type="password"].w120p, #formareaf textarea.w120p { width: 100%; max-width: 140px; }
#formareaf input[type="text"].w200p, #formareaf input[type="email"].w200p, #formareaf input[type="tel"].w200p, #formareaf input[type="url"].w200p, #formareaf input[type="number"].w200p, #formareaf input[type="password"].w200p, #formareaf textarea.w200p { width: 100%; max-width: 200px; }
#formareaf input[type="text"].w100p, #formareaf input[type="email"].w100p, #formareaf input[type="tel"].w100p, #formareaf input[type="url"].w100p, #formareaf input[type="number"].w100p, #formareaf input[type="password"].w100p, #formareaf textarea.w100p { width: 100%; max-width: 100px; }
#formareaf input[type="text"].w400p, #formareaf input[type="email"].w400p, #formareaf input[type="tel"].w400p, #formareaf input[type="url"].w400p, #formareaf input[type="number"].w400p, #formareaf input[type="password"].w400p, #formareaf textarea.w400p { width: 70%; max-width: 400px; }
#formareaf input[type="text"].w40p, #formareaf input[type="email"].w40p, #formareaf input[type="tel"].w40p, #formareaf input[type="url"].w40p, #formareaf input[type="number"].w40p, #formareaf input[type="password"].w40p, #formareaf textarea.w40p { width: 100%; max-width: 40px; }
#formareaf input[type="text"].w80p, #formareaf input[type="email"].w80p, #formareaf input[type="tel"].w80p, #formareaf input[type="url"].w80p, #formareaf input[type="number"].w80p, #formareaf input[type="password"].w80p, #formareaf textarea.w80p { width: 100%; max-width: 80px; }
#formareaf input[type="text"].parsley-error, #formareaf input[type="email"].parsley-error, #formareaf input[type="tel"].parsley-error, #formareaf input[type="url"].parsley-error, #formareaf input[type="number"].parsley-error, #formareaf input[type="password"].parsley-error, #formareaf textarea.parsley-error { background-color: #fff67c !important; }
#formareaf input[type="text"]:focus, #formareaf input[type="email"]:focus, #formareaf input[type="tel"]:focus, #formareaf input[type="url"]:focus, #formareaf input[type="number"]:focus, #formareaf input[type="password"]:focus, #formareaf textarea:focus { border: 1px solid #EA572B; color: #222222; }
#formareaf textarea { width: 350px; height: 100px; }
#formareaf textarea.w100 { width: 100%; height: 200px; }
#formareaf textarea.w100b { width: 100%; height: 80px; }
#formareaf textarea.txta2 { width: 500px; height: 300px; }
#formareaf .fmst { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; position: relative; }
#formareaf .fmst2 { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; }
#formareaf .sbtnc { text-align: center; padding-top: 15px; }
#formareaf .sbtnc .note { font-size: 14px; margin-bottom: 10px; color: #b94a48; }
#formareaf .alert-info h4 { color: #b94a48; }
#formareaf .alert-block { padding-top: 14px; padding-bottom: 14px; }
#formareaf .alert { padding: 8px 14px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#formareaf .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
#formareaf .alert-success h4 { color: #468847; }
#formareaf .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
#formareaf .alert-info h4 { color: #3a87ad; }
#formareaf .alert-danger, #formareaf .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
#formareaf .alerts { padding-top: 2px; padding-right: 14px; padding-left: 14px; padding-bottom: 2px; font-size: 12px; margin-bottom: 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; }
#formareaf .alert-dangers, #formareaf .alert-errors { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
#formareaf .alertsb { box-sizing: border-box; font-size: 14px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
#formareaf .form_err_A { -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; background-color: #FFF0F0; border: 1px solid #DF3150; padding: 10px; color: #DF3150; font-size: 14px; margin-bottom: 10px; }
#formareaf .form_err_A img { margin-bottom: -2px; }
#formareaf .parsley-errors-list { margin: 0; padding: 0; list-style: none; }
#formareaf .parsley-errors-list li { font-size: 3.5vw; margin: 0 0 0 20px; padding: 3px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 380px; white-space: pre; position: relative; z-index: 1; transition: 0.15s ease-out; margin-left: 0px; margin-bottom: 10px; }
#formareaf .parsley-errors-list li::after { content: ''; display: block; height: 0; width: 0; border-color: transparent transparent transparent #CE5454; border-style: solid; border-width: 11px 7px; position: absolute; left: 10px; bottom: -14px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media screen and (max-width: 584px) { #formareaf .parsley-errors-list li { font-size: 10px; } }
#formareaf .parsley-errors-list:not(.filled) { display: none; }
#formareaf .parsere .parsley-errors-list { position: relative; }
#formareaf .parsley-custom-error-message { padding-top: 0px; padding-bottom: 0px; /*opacity: 0.8;*/ }
#formareaf .parsley-error input[type=radio] + label, #formareaf .parsley-error input[type=checkbox] + label { background-color: #fff67c !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
#formareaf .parsleyeb { display: block; width: 100%; /*margin-top: 10px;*/ }
#formareaf textarea.parsley-error, #formareaf input[type="tel"].parsley-error { margin-top: -5px; }
#formareaf select.parsley-error, #formareaf div.parsley-error { background-color: #fff67c !important; }
#formareaf ul, #formareaf ul li { margin: 0; padding: 0; list-style: none; }
#formareaf .telb { display: inline; font-size: 20px; }
#formareaf .telb a { box-sizing: border-box; color: #ffffff; font-weight: bold; background-color: #148e2f; display: inline; width: 39%; text-align: center; border-radius: 6px; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; cursor: pointer; }
#formareaf input[type="submit"], #formareaf input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-repeat: repeat-x; color: #fff; padding-right: 10px; padding-left: 10px; opacity: 1; letter-spacing: 1px; width: 100%; padding-top: 15px; padding-bottom: 15px; font-size: 18px; display: inline-block; border: 1px solid #13a7ed; background-color: #13a7ed; cursor: pointer; }
#formareaf input[type="submit"]::-webkit-search-decoration, #formareaf input[type="button"]::-webkit-search-decoration { display: none; }
#formareaf input[type="submit"]:focus, #formareaf input[type="button"]:focus { outline-offset: -2px; }
#formareaf input[type="submit"]:hover, #formareaf input[type="button"]:hover { opacity: 0.8; }
#formareaf.formstep2 .submitback { width: 44%; }
@media screen and (max-width: 584px) { #formareaf.formstep2 .submitback { width: 46%; margin-right: 12px; } }
#formareaf.formstep2 .submitw { width: 44%; }
@media screen and (max-width: 584px) { #formareaf.formstep2 .submitw { width: 46%; } }
#formareaf .submitback { width: 100%; max-width: 300px; height: auto; font-size: 18px; display: inline-block; color: #13a7ed; position: relative; background-color: rgba(19, 167, 237, 0.53); margin-right: 24px; cursor: pointer; box-sizing: border-box; vertical-align: top; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); }
#formareaf .submitback:hover { opacity: 0.7; }
#formareaf .submitback a { color: #13a7ed; display: block; width: 100%; height: 100%; position: relative; line-height: 58px; text-decoration: none; }
#formareaf .submitback::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 16px; border: 5px solid transparent; border-right: 5px solid #13a7ed; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 7; }
@media screen and (max-width: 584px) { #formareaf .submitback::after { left: 6px; } }
#formareaf .submitw { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; position: relative; }
#formareaf .submitw a { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-repeat: repeat-x; color: #fff; padding-right: 10px; padding-left: 10px; opacity: 1; letter-spacing: 1px; width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 18px; display: inline-block; border: 1px solid #13a7ed; background-color: #13a7ed; cursor: pointer; }
#formareaf .submitw.submitw::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 16px; border: 5px solid transparent; border-left: 5px solid #FFF; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { #formareaf .submitw.submitw::after { right: 6px; } }
@media screen and (max-width: 584px) { #formareaf .submitw.col1 { width: 100%; max-width: 100%; } }
#formareaf input[type="radio"], #formareaf input[type="checkbox"] { display: none; margin: 0; }
#formareaf input[type="radio"] + label, #formareaf input[type="checkbox"] + label { padding: 0 0 0 24px; position: relative; display: inline-block; margin-right: 12px; font-size: 16px; line-height: 2em; cursor: pointer; }
#formareaf input[type="radio"] + label::before, #formareaf input[type="checkbox"] + label::before { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: #FFF; }
#formareaf input[type="radio"]:checked + label::after, #formareaf input[type="checkbox"]:checked + label::after { content: ""; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
#formareaf input[type="radio"]:checked + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; }
#formareaf input[type="radio"]:checked + label::after { left: 5px; width: 8px; height: 8px; margin-top: -4px; background: #13a7ed; border-radius: 8px; }
#formareaf input[type="radio"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; }
#formareaf input[type="checkbox"]:checked + label::before { border: 2px solid #13a7ed; background-color: #13a7ed; border-radius: 4px; }
#formareaf input[type="checkbox"]:checked + label::after { left: 3px; width: 16px; height: 8px; margin-top: -8px; border-left: 3px solid #ffffff; border-bottom: 3px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#formareaf input[type="checkbox"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; }
#formareaf #age_y { text-align: center; }
#formareaf #age_m { text-align: center; }
#formareaf #age_d { text-align: center; }
#formareaf #errors_age ul, #formareaf #errors_q_mail_01 ul, #formareaf #errors_q_mail_02 ul, #formareaf #errors_szip2_01 ul, #formareaf #errors_szip_01 ul, #formareaf #errors_zip2_01 ul, #formareaf #errors_zip_01 ul { margin-right: 10px; margin-bottom: 5px; display: inline-block; }
#formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 90px; margin-right: 0px; margin-bottom: 0px; }
@media screen and (max-width: 584px) { #formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 70px; } }
#formareaf .tw100p { display: inline-block; width: 100%; max-width: 100px; }
#formareaf .tw10p { display: inline-block; width: 100%; max-width: 20px; text-align: center; }
#formareaf .tw140p { display: inline-block; width: 100%; max-width: 140px; }
@media screen and (max-width: 584px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 110px; }
  #formareaf #age_y, #formareaf #age_m, #formareaf #age_d { width: 70px; } }
@media screen and (max-width: 330px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 90px; } }
#formareaf #errors_tel .parsley-required { text-align: left; }
#formareaf #errors_privacypolicy .parsley-errors-list.filled { padding-top: 10px; }
#formareaf #errors_privacypolicy .parsley-custom-error-message { margin-left: auto; margin-right: auto; }

.scontent { display: none; width: 100%; }

.cmnt .moreb { left: auto !important; bottom: auto !important; width: 100% !important; background-color: #139EE8 !important; max-width: 160px !important; z-index: 3; padding: 0px !important; position: relative !important; display: inline-block !important; margin-top: 10px !important; margin-left: 0 !important; margin-right: auto !important; }
.cmnt .moreb.dis { pointer-events: none; background-color: rgba(19, 158, 232, 0.3); }
.cmnt .moreb.dis::after { content: "coming soon"; position: absolute; left: 50%; top: 10%; z-index: 3; font-size: 16px; color: #139EE8; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
@media screen and (max-width: 584px) { .cmnt .moreb.dis::after { font-size: 3.5vw; } }
.cmnt .moreb a { color: #fff; display: block; width: 100%; height: 100%; position: relative; text-align: center; }
.cmnt .moreb span { background-color: #FCEE21; color: #c82829; padding: 4px; display: inline-block; margin-right: 4px; }
.cmnt .moreb span i { color: #2FA9EB; font-style: initial; text-decoration: line-through; }
@media screen and (max-width: 584px) { .cmnt .moreb span { display: block; } }

@media screen and (max-width: 584px) { #cmttitle { font-size: 12px !important; line-height: 1.5em !important; } }

@media screen and (max-width: 584px) { #formareaf .submitw a { font-size: 3.8vw !important; } }

.cmtnote { line-height: 1em !important; font-size: 14px !important; margin-bottom: 10px !important; color: #b94a48 !important; text-align: center !important; }
@media screen and (max-width: 584px) { .cmtnote { font-size: 3.5vw !important; } }

#p_02e144276201e4a60f163b0d044818365b7767ab, #p_2c8200297c988ddfe4a8ee8e250dca0a506b16f3 { top: -100px; }