@charset "UTF-8";
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-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a,input{outline:0}input,textarea,{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align:bottom}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}textarea{font-size:100%}caption,th{text-align:left}*:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,a:visited,a:active,a:hover,a:link{text-decoration: none;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.cf:before,.cf:after {content: " ";display: table;}.cf:after {clear: both;}.cf {*zoom: 1;}.fade{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ta-c{text-align:center!important}.ta-r{text-align:right!important}.ta-l{text-align:left!important}.po-r{position:relative!important}.po-a{position:absolute!important}.po-f{position:fixed!important}.po-s{position:static!important}.dp-i{display:inline!important}.dp-ib{display:inline-block!important}.dp-b{display:block!important}.dp-n{display:none!important}.of-h{overflow:hidden!important}.of-s{overflow:scroll!important}.of-a{overflow:auto!important}.of-v{overflow:visible!important}.vl-t{vertical-align:top!important}.vl-m{vertical-align:middle!important}.vl-b{vertical-align:bottom!important}.fl-r{float:right!important}.fl-l{float:left!important}.fl-c{clear:both!important}.m0{margin:0!important}.m0-t{margin-top:0!important}.m0-r{margin-right:0!important}.m0-b{margin-bottom:0!important}.m0-l{margin-left:0!important}.m5{margin:5px!important}.m5-t{margin-top:5px!important}.m5-r{margin-right:5px!important}.m5-b{margin-bottom:5px!important}.m5-l{margin-left:5px!important}.m6{margin:6px!important}.m6-t{margin-top:6px!important}.m6-r{margin-right:6px!important}.m6-b{margin-bottom:6px!important}.m6-l{margin-left:6px!important}.m7{margin:7px!important}.m7-t{margin-top:7px!important}.m7-r{margin-right:7px!important}.m7-b{margin-bottom:7px!important}.m7-l{margin-left:7px!important}.m8{margin:8px!important}.m8-t{margin-top:8px!important}.m8-r{margin-right:8px!important}.m8-b{margin-bottom:8px!important}.m8-l{margin-left:8px!important}.m9{margin:9px!important}.m9-t{margin-top:9px!important}.m9-r{margin-right:9px!important}.m9-b{margin-bottom:9px!important}.m9-l{margin-left:9px!important}.m10{margin:10px!important}.m10-t{margin-top:10px!important}.m10-r{margin-right:10px!important}.m10-b{margin-bottom:10px!important}.m10-l{margin-left:10px!important}.m15{margin:15px!important}.m15-t{margin-top:15px!important}.m15-r{margin-right:15px!important}.m15-b{margin-bottom:15px!important}.m15-l{margin-left:15px!important}.m20{margin:20px!important}.m20-t{margin-top:20px!important}.m20-r{margin-right:20px!important}.m20-b{margin-bottom:20px!important}.m20-l{margin-left:20px!important}.m25{margin:25px!important}.m25-t{margin-top:25px!important}.m25-r{margin-right:25px!important}.m25-b{margin-bottom:25px!important}.m25-l{margin-left:25px!important}.m30{margin:30px!important}.m30-t{margin-top:30px!important}.m30-r{margin-right:30px!important}.m30-b{margin-bottom:30px!important}.m30-l{margin-left:30px!important}.m35{margin:35px!important}.m35-t{margin-top:35px!important}.m35-r{margin-right:35px!important}.m35-b{margin-bottom:35px!important}.m35-l{margin-left:35px!important}.m40{margin:40px!important}.m40-t{margin-top:40px!important}.m40-r{margin-right:40px!important}.m40-b{margin-bottom:40px!important}.m40-l{margin-left:40px!important}.m50{margin:50px!important}.m50-t{margin-top:50px!important}.m50-r{margin-right:50px!important}.m50-b{margin-bottom:50px!important}.m50-l{margin-left:50px!important}.m60{margin:60px!important}.m60-t{margin-top:60px!important}.m60-r{margin-right:60px!important}.m60-b{margin-bottom:60px!important}.m60-l{margin-left:60px!important}.m70-l{margin-left:70px!important}.p0{padding:0!important}.m80-b{margin-bottom:80px!important}.m120-b{margin-bottom:120px!important}.p0-t{padding-top:0!important}.p0-r{padding-right:0!important}.p0-b{padding-bottom:0!important}.p0-l{padding-left:0!important}.p5{padding:5px!important}.p5-t{padding-top:5px!important}.p5-r{padding-right:5px!important}.p5-b{padding-bottom:5px!important}.p5-l{padding-left:5px!important}.p6{padding:6px!important}.p6-t{padding-top:6px!important}.p6-r{padding-right:6px!important}.p6-b{padding-bottom:6px!important}.p6-l{padding-left:6px!important}.p7{padding:7px!important}.p7-t{padding-top:7px!important}.p7-r{padding-right:7px!important}.p7-b{padding-bottom:7px!important}.p7-l{padding-left:7px!important}.p8{padding:8px!important}.p8-t{padding-top:8px!important}.p8-r{padding-right:8px!important}.p8-b{padding-bottom:8px!important}.p8-l{padding-left:8px!important}.p9{padding:9px!important}.p9-t{padding-top:9px!important}.p9-r{padding-right:9px!important}.p9-b{padding-bottom:9px!important}.p9-l{padding-left:9px!important}.p10{padding:10px!important}.p10-t{padding-top:10px!important}.p10-r{padding-right:10px!important}.p10-b{padding-bottom:10px!important}.p10-l{padding-left:10px!important}.p15{padding:15px!important}.p15-t{padding-top:15px!important}.p15-r{padding-right:15px!important}.p15-b{padding-bottom:15px!important}.p15-l{padding-left:15px!important}.p20{padding:20px!important}.p20-t{padding-top:20px!important}.p20-r{padding-right:20px!important}.p20-b{padding-bottom:20px!important}.p20-l{padding-left:20px!important}.p25{padding:25px!important}.p25-t{padding-top:25px!important}.p25-r{padding-right:25px!important}.p25-b{padding-bottom:25px!important}.p25-l{padding-left:25px!important}.p30{padding:30px!important}.p30-t{padding-top:30px!important}.p30-r{padding-right:30px!important}.p30-b{padding-bottom:30px!important}.p30-l{padding-left:30px!important}.p35{padding:35px!important}.p35-t{padding-top:35px!important}.p35-r{padding-right:35px!important}.p35-b{padding-bottom:35px!important}.p35-l{padding-left:35px!important}.p40{padding:40px!important}.p40-t{padding-top:40px!important}.p40-r{padding-right:40px!important}.p40-b{padding-bottom:40px!important}.p40-l{padding-left:40px!important}.p50{padding:50px!important}.p50-t{padding-top:50px!important}.p50-r{padding-right:50px!important}.p50-b{padding-bottom:50px!important}.p50-l{padding-left:50px!important}.p60{padding:60px!important}.p60-t{padding-top:60px!important}.p60-r{padding-right:60px!important}.p60-b{padding-bottom:60px!important}.p60-l{padding-left:60px!important}.b{font-weight:normal!important}.normal{font-weight:normal!important}.big{font-size:123.1%!important}.big2{font-size:138.5%!important}.big3{font-size:167%!important}.small{font-size:85%!important}.f10px{font-size:77%!important}.f11px{font-size:85%!important}.f12px{font-size:93%!important}.f13px{font-size:100%!important}.f14px{font-size:108%!important}.f15px{font-size:116%!important}.f16px{font-size:123.1%!important}.f17px{font-size:131%!important}.f18px{font-size:138.5%!important}.f19px{font-size:146.5%!important}.f20px{font-size:153.9%!important}.f21px{font-size:161.6%!important}.f22px{font-size:167%!important}.f23px{font-size:174%!important}.f24px{font-size:182%!important}.f25px{font-size:189%!important}.f26px{font-size:197%!important}.t-red{color:#f00!important}.t-blue{color:#00d!important}.t-green{color:#0c9!important}.t-yellow{color:#ff0!important}.t-brown{color:#8b0000!important}.t-navy{color:#1f26a9!important}.t-orange{color:#f60!important}.t-pink{color:#c69!important}.t-purple{color:#609!important}.t-olive{color:#808000!important}.t-lime{color:#0f0!important}.t-aqua{color:#167fa6!important}.t-black{color:#000!important}.t-gray{color:#999!important}.t-white{color:#fff!important}.bg-red{background-color:#fff7f7!important}.bg-blue{background-color:#f3f9fc!important}.bg-green{background-color:#f7fcf2!important}.bg-yellow{background-color:#fffff2!important}.bg-brown{background-color:#fcfafa!important}.bg-navy{background-color:#1f26a9!important}.bg-orange{background-color:#f60!important}.bg-pink{background-color:#c69!important}.bg-purple{background-color:#609!important}.bg-olive{background-color:#808000!important}.bg-lime{background-color:#0f0!important}.bg-aqua{background-color:#167fa6!important}.bg-black{background-color:#000!important}.bg-gray{background-color:#efefef!important}.bg-white{background-color:#fff!important}.b-red{border-color:#f00!important}.b-blue{border-color:#00d!important}.b-green{border-color:#008000!important}.b-yellow{border-color:#ff0!important}.b-navy{border-color:#1f26a9!important}.b-orange{border-color:#f60!important}.b-pink{border-color:#c69!important}.b-purple{border-color:#609!important}.b-olive{border-color:#808000!important}.b-lime{border-color:#0f0!important}.b-aqua{border-color:#167fa6!important}.b-black{border-color:#000!important}.b-gray{border-color:#ccc!important}.b-white{border-color:#fff!important}.lh10{line-height:1.0!important}.lh11{line-height:1.1!important}.lh12{line-height:1.2!important}.lh13{line-height:1.3!important}.lh14{line-height:1.4!important}.lh15{line-height:1.5!important}.lh20{line-height:2.0!important}.ls01{letter-spacing:.01em!important}.ls02{letter-spacing:.02em!important}.ls03{letter-spacing:.03em!important}.ls04{letter-spacing:.04em!important}.ls05{letter-spacing:.05em!important}.ls06{letter-spacing:.06em!important}.ls07{letter-spacing:.07em!important}.ls08{letter-spacing:.08em!important}.ls09{letter-spacing:.09em!important}.ls10{letter-spacing:.1em!important}.w100{width:100px!important}.w200{width:200px!important}.w300{width:300px!important}.w400{width:400px!important}.w500{width:500px!important}.w600{width:600px!important}.w150{width:150px!important}.w250{width:250px!important}.w350{width:350px!important}.w450{width:450px!important}.w550{width:550px!important}.w650{width:650px!important}.w10p{width:10%!important}.w20p{width:20%!important}.w30p{width:30%!important}.w40p{width:40%!important}.w50p{width:50%!important}.w60p{width:60%!important}.w70p{width:70%!important}.w75p{width:75%!important}.w80p{width:80%!important}.w90p{width:90%!important}.w100p{width:100%!important}.w5p{width:5%!important}.w15p{width:15%!important}.w25p{width:25%!important}.w35p{width:35%!important}.w45p{width:45%!important}.w55p{width:55%!important}.w65p{width:65%!important}.w75p{width:75%!important}.w85p{width:85%!important}.w95p{width:95%!important}.br1{-moz-border-radius:1px!important;-webkit-border-radius:1px!important;border-radius:1px!important}.br2{-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important}.br3{-moz-border-radius:3px!important;-webkit-border-radius:3px!important;border-radius:3px!important}.br4{-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important}.br5{-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important}.br6{-moz-border-radius:6px!important;-webkit-border-radius:6px!important;border-radius:6px!important}.br7{-moz-border-radius:7px!important;-webkit-border-radius:7px!important;border-radius:7px!important}.br8{-moz-border-radius:8px!important;-webkit-border-radius:8px!important;border-radius:8px!important}.br9{-moz-border-radius:9px!important;-webkit-border-radius:9px!important;border-radius:9px!important}.br10{-moz-border-radius:10px!important;-webkit-border-radius:10px!important;border-radius:10px!important}.br11{-moz-border-radius:11px!important;-webkit-border-radius:11px!important;border-radius:11px!important}.br12{-moz-border-radius:12px!important;-webkit-border-radius:12px!important;border-radius:12px!important}.br13{-moz-border-radius:13px!important;-webkit-border-radius:13px!important;border-radius:13px!important}.br14{-moz-border-radius:14px!important;-webkit-border-radius:14px!important;border-radius:14px!important}.br15{-moz-border-radius:15px!important;-webkit-border-radius:15px!important;border-radius:15px!important}.brm{-moz-border-radius:200px!important;-webkit-border-radius:200px!important;border-radius:200px!important}.transition{-webkit-transition:all .3s;transition:all .3s;}span,strong{font-weight: bold;}
label {
display: block;
}
.pc {
display: block;
}
.sp {
display: none;
}
.pc_inb {
display: inline-block;
}
.sp_inb {
display: none;
}
.mt0 {
margin-top: 0!important;
}
.va_t {vertical-align: top!important;}
.va_m {vertical-align: middle!important;}
.va_b {vertical-align: bottom!important;}
html {
font-size: 62.5%;
}
body {
color:#fffcf5;
line-height: 2;
background: #fff;
color: #333;
font-family: 'M PLUS Rounded 1c',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
font-size: 1.7rem;
letter-spacing: 0.05em;
}
a,a:link,a:hover,a:active {
color: #000;
font-weight: inherit;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
opacity: .8;
}
/* text */
.b {
font-weight: bold!important;
}
.t_red {
color: #fd0000;
}
.fs_22 {
font-size: 2.2rem;
}
/* margin */
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
/* wrap */
.inWrap {
width: 825px;
margin-left: auto;
margin-right: auto;
}
/* header */
header {
background: #fee600;
text-align: center;
padding-bottom: 40px;
}
/* main */
main {
background: #fff url(../img/m_bg.png) 0 0 repeat;
text-align: center;
}
main section {
padding: 64px 0;
position: relative;
z-index: 1;
}
p,
table td,
table th,
li,
span,h2{
font-weight: bold;
}
main section table td{
font-weight: bold;
}
/* ttl */
#sec1 .ttl_h1 {
margin-bottom: 80px;
}
.ttl_h1 {
margin-bottom: 60px;
}
/* section */
#sec1 {
position: relative;
}
#sec1 p{
position: relative;
z-index: 1;
}
#sec1:before ,#sec1:after{
content: '';
display: block;
position: absolute;
z-index: 0;
}
#sec1:before{
background: url(../img/sec1_before.png) 0 0 no-repeat;
width: 320px;
height: 464px;
top: 145px;
left: 5%;
}
#sec1:after{
background: url(../img/sec1_after.png) 0 0 no-repeat;
width: 287px;
height: 425px;
top: 24px;
right: 5%;
}
#sec4 {
padding: 0;
}
/* footer */
.footer-top {
background: #fee600;
text-align: center;
padding: 40px;
}
.footer-top h2 {
position: relative;
display: inline-block;
}
.footer-top h2:before,
.footer-top h2:after {
content: '';
position: absolute;
width: 30px;
height: 1px;
display: block;
background: #000;
top: calc(50% - .5px);
}
.footer-top h2:before {
left: -40px;
}
.footer-top h2:after {
right: -40px;
}
.footer-top .tel {
font-size: 5.0rem;
line-height: 1;
}
/* component */
.list_dot{
text-align: left;
}
.list_dot li{
padding-left: 1.28em;
text-indent: -1.28em;
}
.covid_link span {
display: inline-block;
}
.time {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.time img {
margin-right: 10px;
}
table.event {
width: 100%;
}
table.event tr {
border-bottom: 2px dashed #000;
}
table.event td,table.event th {
padding: 20px;
text-align: left;
}
.event_img {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-flow: row wrap;
margin-top: 60px;
}
.event_img li {
width: 25%;
}
.event_img li i {
display: block;
padding-left: 1em;
text-indent: -1em;
line-height: 1.3;
}
.event_img span {
display: block;
margin-top: 10px;
}
.slide {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.slide p {
width: 25%;
margin-right: 1.5%;
}
.slide p:last-child {
margin-right: 0;
}
.slide img {
width: 100%;
height: auto;
}
button {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
border: 0;
background: transparent;
padding: 0;
margin: 0;
outline: none;
border-radius: 0;
}
.content {
width: 25vw;
margin-right: 1vw;
}
.content img {
width: 100%;
height: auto;
}
.content:nth-child(1) {
background-color: tomato;
}
.content:nth-child(2) {
background-color: orange;
}
.content:nth-child(3) {
background-color: blue;
}
.content:nth-child(4) {
background-color: green;
}
.wrap {
overflow: hidden;
display: flex;
align-items: center;
}
.slideshow {
display: flex;
-webkit-animation: loop-slide 20s infinite linear 1s both;
animation: loop-slide 20s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes loop-slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.slide-paused:hover .slideshow {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.content-hover {
transition: all 0.2s;
margin-right: 20px;
}
.content-hover:hover {
transform: translateY(-20px);
border-radius: 0 10%;
box-shadow: 0 3px 10px 0 #333;
opacity: 0.8;
cursor: pointer;
}
.bnnar {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
.bnnar p:first-child {
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.sp_tal {
text-align: left!important;
}
.inWrap {
width: 100%;
}
.pc {
display: none;
}
.sp {
display: block;
}
.pc_inb {
display: none;
}
.sp_inb {
display: inline-block;
}
header img {
width: 100%;
height: auto;
}
.fs_22 {
font-size: 1.6rem;
}
.ttl_h1 {
margin-bottom: 5%!important;
}
.ttl_h1 img {
max-width: 80%;
height: auto;
}
main section {
padding: 5% 5%;
}
#sec1:before,
#sec1:after{
display: none;
}
table.event td, table.event th {
display: block;
width: 100%;
}
table.event td {
padding-top: 0;
}
table.event th {
padding-bottom: 10px;
font-weight: bold;
}
.access_btn img {
width: 220px;
height: auto;
}
.event_img {
flex-flow: row wrap;
}
.event_img li {
width: 50%;
margin-bottom: 20px;
}
.cv_btn img {
max-width: 100%;
height: auto;
}
.time img{
width: 41px;
height: auto;
}
.datetime img {
max-width: 100%;
height: auto;
}
.slide {
flex-flow: row wrap;
padding: 0 5%;
}
.slide p {
width: 48%;
margin-right: 0;
margin-bottom: 5%;
}
.slide p:nth-child(3),
.slide p:nth-child(4){
margin-bottom: 0;
}
.footer-top .tel {
font-size: 3.2rem;
}
.ofs img {
max-width: 80%;
height: auto;
}
.sec1_img {
max-width: 100%;
height: auto;
margin: 5% auto 0 auto;
}
.bnnar {
flex-flow: column nowrap;
-ms-align-items: center;
align-items: center;
padding: 5%;
}
.bnnar p:first-child {
margin-right: 0;
margin-bottom: 3%;
}
.bnnar p:first-child img {
max-width: 324px;
height: auto;
}
.bnnar p:last-child img{
max-width: 230px;
height: auto;
}
.content {
width: 50vw;
margin-right: 2vw;
}
.wrap {
overflow: hidden;
display: flex;
align-items: center;
}
.slideshow {
display: flex;
-webkit-animation: loop-slide 20s infinite linear 1s both;
animation: loop-slide 20s infinite linear 1s both;
}
.slide-paused:active .slideshow {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.content-hover {
transition: all 0.2s;
margin-right: 20px;
}
.content-hover:active {
transform: translateY(-20px);
border-radius: 0 10%;
box-shadow: 0 3px 10px 0 #333;
opacity: 0.8;
cursor: pointer;
}
}