@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* body */
html { scroll-behavior: smooth; }
body {background-color:#ffffff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; color:#1d1d1f;}
img {vertical-align: bottom;}
a:hover img{ opacity: 0.5 ;}
.container { width:750px; margin:0 auto;}
.font1 {font-weight:bold;}
.redFont {color:#f00; font-weight:bold;}
a{ transition: color 0.3s; }
a:hover{ color : #ff7043; }
/* header */
div.box {margin:20px 0;}
div.box2 {margin:0 0 20px;}
img.imgbox {margin:0px;}
img.imgbox2 { margin:0 0 20px;}
td.tabletext {line-height:1.8em;}
form p.formlabel { font-size: 1.5em; font-weight: bold; margin: 15px 0; }
input.bginput {background-color:#f9f4d9;}
.btn,
input.btn,
input.btn { font-size: 1.6rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem; width:100%; margin:0 0 20px;}
input.btn-gradient { font-weight: bold; color: #fff; border-radius: 0; background-image: -webkit-gradient(linear,left top,right top,color-stop(40%, #ff3cac),to(#562b7c)); background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%); background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%); border:none;}
input.btn-gradient:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition: all 0.5s; transition: all 0.5s; background-image: -webkit-gradient(linear,left top,right top,from(#ff3cac),color-stop(#562b7c),to(#2b86c5));background-image: -webkit-linear-gradient(left, #ff3cac, #562b7c, #2b86c5);background-image: linear-gradient(90deg, #ff3cac, #562b7c, #2b86c5);}
input.btn-gradient span { position: relative; z-index: 1; }
input.btn-gradient:hover {color: #fff;}
input.btn-gradient:hover:after {opacity: 0;}
div.btarea {text-align:center; margin:20px 0 0 0;}
.inlineflame { background-color:#fff; line-height:1.8em; height:100px; overflow:auto; overflow-y:scroll; overflow-x:hidden; padding:15px; }
form p.inlineflamein { margin:0 0 15px; font-size:0.9em; line-height:1.3em;}
div.pcstyle { display:block;}
div.spstyle { display:none;}
img.logoimg { width:15%; height:auto;}
div.schedulearea { background-color:#f5f6f7; padding:15px;}
p.scheduleareatitle {padding:10px 0; text-align:center; font-weight:bold; color:#fff; background-color:#f91577; margin:0 0 15px; font-size:1.5em;}
p.scheduleareatitle2 {padding:20px 0 10px 0; text-align:center; font-weight:bold; color:#666; font-size:1.5em;}
p.kaijyotitle { background-color:#59a0e7; padding:10px 0; text-align:center; font-weight:bold; font-size:1.5em; margin:0 0 15px; color:#fff;}
p.scheduletext {line-height:1.8em;}
p.kaijyoname { position: relative; padding: 0.6em; background: #e0edff; margin:0 0 20px; text-align:center; font-weight:bold; color:#035cb5;}
p.kaijyoname:after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #e0edff; width: 0; height: 0; }
div.shusaiarea { background-color:#fee1e5; padding:25px;}
p.shusaititle {padding:30px 30px 30px 10px; text-align:center; font-weight:bold; color:#fff; background-color:#000; margin:0 0 15px; }
p.shusaiinfo {padding:30px 30px 30px 10px; border-bottom:1px solid #666; background-color:#fff;}
footer.footermain { padding:10px 0 20px; background-color:#000; color:#fff; width:750px; margin:0 auto;}
footer.footermain div { line-height:1.8em; text-align:center;}
div.privacytext {text-align:center; padding:20px 0;}
div.privacytext a{ color: #fff; text-decoration: none; }
div.privacytext a:hover{ color: #5773ea; text-decoration: none; }
/* モバイル対応 768px以下の場合
--------------------------------------*/
@media (max-width: 768px) {
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

html { overflow-x: hidden;}
body {background-color:#ffffff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; color:#1d1d1f;}
img { max-width: 100%; height: auto; vertical-align: bottom;}
a:hover img{ opacity: 0.5 ;}
.container { width:750px; margin:0; max-width:100%;}
.font1 {font-weight:bold;}
.redFont {color:#f00; font-weight:bold;}
a{ transition: color 0.3s; }
a:hover{ color : #ff7043; }
div.box {margin:20px 0;}
div.box2 {margin:0 0 20px;}
img.imgbox {margin:0 0 20px;}
img.imgbox2 { margin:0 0 20px;}
table td.tabletext {line-height:1.8em;}
form p.formlabel { font-size: 1.35em; font-weight: bold; margin: 15px 0; }
input.bginput {background-color:#f9f4d9;}
.btn,
input.btn,
input.btn { font-size: 1.15rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 2rem 5px; cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem; width:100%; margin:0 0 20px;}
input.btn-gradient { font-weight: bold; color: #fff; border-radius: 0; background-image: -webkit-gradient(linear,left top,right top,color-stop(40%, #ff3cac),to(#562b7c)); background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%); background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%); border:none;}
input.btn-gradient:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition: all 0.5s; transition: all 0.5s; background-image: -webkit-gradient(linear,left top,right top,from(#ff3cac),color-stop(#562b7c),to(#2b86c5));background-image: -webkit-linear-gradient(left, #ff3cac, #562b7c, #2b86c5);background-image: linear-gradient(90deg, #ff3cac, #562b7c, #2b86c5);}
input.btn-gradient span { position: relative; z-index: 1; }
input.btn-gradient:hover {color: #fff;}
input.btn-gradient:hover:after {opacity: 0;}
div.btarea {text-align:center; margin:20px 0 0 0;}
.inlineflame { background-color:#fff; height:100px; overflow:auto; overflow-y:scroll; overflow-x:hidden; line-height:1.5em; padding:10px; }
form p.inlineflamein { margin:0 0 10px; font-size:0.8em; line-height:1.2em;}
div.pcstyle { display:none;}
div.spstyle { display:block;}
div#sp-fixed-menu{ position: fixed; width: 100%; bottom: 0px; font-size: 0; opacity: 0.9; z-index: 99;}
div#sp-fixed-menu ul { display: flex; list-style: none; padding:0; margin:0; width:100%;}
div#sp-fixed-menu li { justify-content: center; align-items: center; width: 100%; padding:0; margin:0; font-size: 14px; }
div#sp-fixed-menu li:first-child{ background: #38b435; }
div#sp-fixed-menu li a { color: #fff; text-align: center; display:block; width: 100%; padding:40px 10px; }
img.logoimg { width:35%; height:auto;}
div.schedulearea { background-color:#f5f6f7; padding:15px;}
p.scheduleareatitle {padding:10px 0; text-align:center; font-weight:bold; color:#fff; background-color:#f91577; margin:0 0 15px; font-size:1.5em;}
p.scheduleareatitle2 {padding:20px 0 10px; text-align:center; font-weight:bold; color:#666; font-size:1.5em; line-height:1.8em;}
p.scheduletext {line-height:1.8em;}
p.kaijyotitle { background-color:#59a0e7; padding:10px 0; text-align:center; font-weight:bold; font-size:1.5em; margin:0 0 15px; color:#fff;}
p.kaijyoname { position: relative; padding: 0.6em; background: #e0edff; margin:0 0 20px; text-align:center; font-weight:bold; color:#035cb5; line-height:1.8em;}
p.kaijyoname:after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #e0edff; width: 0; height: 0; }
div.shusaiarea { background-color:#fee1e5; padding:25px;}
p.shusaititle {padding:30px 0; text-align:center; font-weight:bold; color:#fff; background-color:#000; margin:0 0 15px; font-size:1.5em;}
p.shusaiinfo {padding:30px 30px 30px 10px; border-bottom:1px solid #666; background-color:#fff; line-height:1.8em;}
footer.footermain { padding:10px 0 90px; text-align:center; background-color:#000; color:#fff; width:100%; margin:0 auto;}
footer.footermain div { line-height:1.8em;}
div.privacytext {text-align:center; padding:20px 0;}
div.privacytext a{ color: #fff; text-decoration: none; }
div.privacytext a:hover{ color: #5773ea; text-decoration: none; }
}


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

.bnr01{
    width: 90%;
    margin: 60px auto;
}

.bnr01#bnr01a{
    margin-top: 0;
}

#sec02,
#sec04,
#sec05,
#sec07,
#sec10{
    padding-bottom: 60px;
}