@charset "UTF-8";
/* CSS Document */

/* 共通 */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both; }
body { font-family:NotoSans, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.all { height:100%; display: none; }
.titlearea { text-align: center; line-height: 1; }
.titlearea-title { font-size: 9px; width: 105px; border-radius: 10px; background: white; padding: 4px 0; margin: 0 auto; font-weight: 600; display: block; }
.titlearea-sub { font-size: 36px; font-weight: 200; padding: 10px 0 36px; }
.inr { padding: 64px 0 80px; }

@media screen and (max-width:480px){
	.titlearea-title { font-size: 7px; width: 86px;padding: 3px 0; }
	.titlearea-sub { font-size: 30px; 200; padding: 6px 0 30px; }
	.inr { padding: 48px 0 54px; }
}


/*　TOP　*/
.mainvisual { height: 700px; position: relative; }
.mainvisual:after,
.application:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.50); display: block; content: ""; z-index: }
.mainvisual .inr { position:relative; z-index: 100; height: 100%; }
.mainvisual-organizer { color: white; font-size: 20px; font-weight: 700; position: absolute; left: 27px; top: 22px; }
.mainvisual-tel a { color: white; font-size: 24px; font-weight: 700; position: absolute; right: 27px; top: 18px; }
.mainvisual-tel img { height: 24px; width: auto; position: relative; top: -7px; margin-right: 5px; display: inline-block; }
.mainvisual-titlearea { text-align: center; margin: 0 auto; padding-top: 30px; color: white; height: 100%; display: table; width: 100%; }
.mainvisual-titlearea_cell { display: table-cell; vertical-align: middle; }
.mainvisual-titlearea-title { font-size: 48px; font-weight: 700; line-height: 1.5; }
.mainvisual-titlearea-sub {font-size: 34px; font-weight: 700; line-height: 1.4; margin-top: 14px; }
.mainvisual-data {  margin: 28px auto 0; border-bottom: solid 1px white; border-top: solid 1px white; width: 480px; position: relative; padding:20px 0 25px; line-height: 1; }
.mainvisual-data .day {font-size: 36px; font-weight: 700; }
.mainvisual-data .dotw {font-size: 20px; font-weight: 700; position: relative; top: -2px; padding: 0 12px 0 8px; }
.mainvisual-data .time {font-size: 26px; font-weight: 700; }
.mainvisual-data .place {font-size: 17px; font-weight: 700; padding-top: 16px; }
.mainvisual-data figure { width: 80px; position: absolute; right: -56px; bottom: -20px; }

@media screen and (max-width:1000px){
	.mainvisual { height: 600px; }
	.mainvisual-titlearea-title { font-size: 40px; }
	.mainvisual-titlearea-sub {font-size: 20px; margin-top: 14px; }
	.mainvisual-data { width: 400px; padding:16px 0 20px; margin-top: 26px; }
	.mainvisual-data .day {font-size: 32px; }
	.mainvisual-data .dotw {font-size: 18px; padding: 0 10px 0 8px; }
	.mainvisual-data .time {font-size: 22px; }
	.mainvisual-data .place {font-size: 15px; padding-top: 12px; }
	.mainvisual-data figure { width: 70px; right: -46px; bottom: -15px; }
}
@media screen and (max-width:768px){
	.mainvisual { height: 500px; }
	.mainvisual-titlearea { padding-top: 34px; }
	.mainvisual-organizer { font-size: 18px; left: 2.6%; top: 15px; }
	.mainvisual-tel a { font-size: 22px; right: 2.4%; top: 11px; }
	.mainvisual-tel img { height: 22px; top: -6px; margin-right: 4px; }
	.mainvisual-titlearea-title { font-size: 34px; }
	.mainvisual-titlearea-sub {font-size: 17px; margin-top: 12px; }
	.mainvisual-data { width: 340px; padding:16px 0 20px; margin-top: 22px; }
	.mainvisual-data .day {font-size: 26px; }
	.mainvisual-data .dotw {font-size: 15px; padding: 0 8px 0 8px; }
	.mainvisual-data .time {font-size: 20px; }
	.mainvisual-data .place {font-size: 12px; padding-top: 12px; }
	.mainvisual-data figure { width: 60px; right: -36px; bottom: -15px; }
}
@media screen and (max-width:600px){
	.mainvisual { height: 400px; }
	.mainvisual-titlearea-title { font-size: 28px; }
	.mainvisual-titlearea-sub {font-size: 13px; margin-top: 10px; }
	.mainvisual-data { width: 300px; padding:13px 0 17px; margin-top: 20px; }
	.mainvisual-data .day {font-size: 24px; }
	.mainvisual-data .dotw {font-size: 12px; padding: 0 8px 0 4px; }
	.mainvisual-data .time {font-size: 18px; }
	.mainvisual-data .place {font-size: 11px; padding-top: 10px; }
	.mainvisual-data figure { width: 50px; right: -30px; bottom: -10px; }
}
@media screen and (max-width:480px){
	.mainvisual { height: 320px; }
	.mainvisual-titlearea { padding-top: 36px; }
	.mainvisual-organizer { font-size: 14px; left: 4%; top: 13px; }
	.mainvisual-tel a { font-size: 21px; right: 4%; top: 0px; }
	.mainvisual-tel img { height: 21px; top: 0px; margin-right: 0px; }
	.mainvisual-tel span { display: none; }
	.mainvisual-titlearea-title { font-size: 20px; }
	.mainvisual-titlearea-sub {font-size: 11px; margin-top: 8px; }
	.mainvisual-data { width: 240px; padding:10px 0 14px; margin-top: 16px; }
	.mainvisual-data .day {font-size: 19px; }
	.mainvisual-data .dotw {font-size: 11px; top: -1px; padding: 0 5px 0 3px; }
	.mainvisual-data .time {font-size: 14px; }
	.mainvisual-data .place {font-size: 9px; padding-top: 9px; }
	.mainvisual-data figure { width: 40px; right: -22px; bottom: -8px; }
}


/* nav */
.gnav { height: 90px; }
.gnav-ul { width: 90%; max-width: 960px; margin: 0 auto; height: 100%; }
.gnav-ul li { display: table; float: left; width: 20%; text-align: center; height: 100%; }
.gnav-ul li a { display: table-cell; vertical-align: center; vertical-align: middle; color: white; font-size: 16px; line-height: 1.8; font-weight: 600; }
.gnav-ul li a .fa { font-size: 18px; display:block; position: relative; top: 0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.gnav-ul li a:hover .fa { top: 3px; }
.gnav-li a { padding-top: 3px; }
.gnav-li a:hover { opacity: 0.85; }
.gnav-contact { width: 24%; }
.gnav-contact a { position: relative; left: 30px; font-weight: 700; }
.btn-submit span { background:#e60f0f; color:white; padding: 19px 0 22px; line-height: 1; border-radius: 6px; display: block; vertical-align: middle; font-weight: 700; position: relative; top: 0;
box-shadow:0px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 0px rgba(0,0,0,0.2);  -ms-box-shadow:0px 2px 0px rgba(0,0,0,0.2); -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; }
.btn-submit span:hover { -webkit-filter: brightness(110%); filter: brightness(110%); top: 1px; box-shadow:0px 1px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 1px 0px rgba(0,0,0,0.15); -webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.15);  -ms-box-shadow:0px 1px 0px rgba(0,0,0,0.15); }

@media screen and (max-width:1000px){
	.gnav-ul li a { font-size: 15px; }
}
@media screen and (max-width:768px){
	.gnav { height: 74px; }
	.gnav-ul { width: 100%; padding: 0 5% 0 2.5%; }
	.gnav-ul li a { font-size: 13px; line-height: 1.5; }
	.gnav-ul li a .fa { font-size: 16px; }
	.gnav-li a { padding-top: 4px; }
	.gnav-contact a { left: 10%; }
	.btn-submit span { padding: 17px 0 20px; border-radius: 6px; }
}
@media screen and (max-width:600px){
	.gnav { height: 66px; }
	.gnav-ul li a { font-size: 11px; line-height: 1.5; }
	.gnav-ul li a .fa { font-size: 14px; }
	.btn-submit span { padding: 15px 0 18px; border-radius: 4px; }
}
@media screen and (max-width:480px){
	.gnav { height: 48px; }
	.gnav-ul { width: 100%; padding: 0 4% 0 2%; }
	.gnav-ul li a { font-size: 9px; line-height: 1.3; }
	.gnav-ul li a .fa { font-size: 13px; }
	.btn-submit span { padding: 10px 0 13px; top: 1px; }
	.btn-submit span:hover { top: 2px; box-shadow:0px 0px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.15); -webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.15);  -ms-box-shadow:0px 0px 0px rgba(0,0,0,0.15);}
	
}


/*　セミナー概要　*/
.overview { text-align: center; }
.overview-article { padding-top: 0px; line-height: 1.8; font-size: 18px; font-weight: 500; max-width: 820px; width: 90%; margin: 0 auto; }

@media screen and (max-width:1000px){
	.overview-article { line-height: 1.7; font-size: 15px; }
}
@media screen and (max-width:768px){
	.overview-article { line-height: 1.6; font-size: 13px; }
}
@media screen and (max-width:480px){
	.overview-article { line-height: 1.5; font-size: 10px; }
}


/*　コンテンツ　*/
.contents { text-align: center; background:#999 url(../img/bg_contents.jpg) no-repeat center; background-size: cover; position: relative; background-blend-mode: multiply; }
.contents:after { position: absolute; display: block; content: ""; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.78; background-blend-mode: multiply;}
.contents .inr { position: relative; z-index: 100; }
.contents .titlearea-sub { color: white; }
.contents-article-item { width: 92%; max-width: 820px; margin: 0 auto 24px; }
.contents-article-item:last-child { margin-bottom: 0; }
.contents-article-item dt { background: white; padding: 21px 15px 21px; }
.contents-article-item dt h3 { font-size: 24px; line-height: 1.4; font-weight: 700; }
.contents-article-item dt p {font-size: 14px; font-weight: 700; line-height: 1; padding-top: 12px; }
.contents-article-item dd { background: rgba(255,255,255,.1); border: white 1px solid; border-top: none; text-align: left; padding: 28px 20px 18px 42px; }
.contents-article-item dd li { color: white; font-size: 19px; margin-bottom: 10px; font-weight: 600; }

@media screen and (max-width:1000px){
	.contents-article-item dt { padding: 21px 0 21px; }
	.contents-article-item dt h3 { font-size: 22px; }
	.contents-article-item dt p { font-size: 12px; padding-top: 10px; }
	.contents-article-item dd { padding: 20px 19px 14px 30px; }
	.contents-article-item dd li { font-size: 18px; margin-bottom: 8px; }
}
@media screen and (max-width:768px){
	.contents { background: url(../img/bg_contents.jpg) no-repeat left center; background-size: cover; }
	.contents-article-item dt { padding: 18px 5px 18px; }
	.contents-article-item dt h3 { font-size: 20px; }
	.contents-article-item dt p { font-size: 12px; padding-top: 8px; }
	.contents-article-item dd { padding: 18px 12px 12px 28px; }
	.contents-article-item dd li { font-size: 16px; margin-bottom: 6px; }
}
@media screen and (max-width:480px){
	.contents-article-item { width: 90%; margin: 0 auto 15px; }
	.contents-article-item:last-child { margin-bottom: 0; }
	.contents-article-item dt { padding: 14px 5px 14px; }
	.contents-article-item dt h3 { font-size: 14px; }
	.contents-article-item dt p { font-size: 10px; padding-top: 6px; }
	.contents-article-item dd { padding: 13px 10px 10px 18px; }
	.contents-article-item dd li { font-size: 11px; margin-bottom: 4px; }
}


/*　講師紹介　*/
.lecturer { background: url(../img/bg_lecturer.jpg) no-repeat; background-size: cover; }
.lecturer .titlearea-title { color: #555; }
.lecturer .titlearea-sub { color: white; }
.lecturer-profile { width: 92%; max-width: 820px; margin: 0 auto 50px; color: white; font-size: 16px; }
.lecturer-profile:last-child { margin-bottom: 0; } 
.lecturer-profile-img { width: 24%; float: left; box-shadow:0px 1px 4px rgba(0,0,3,0.1); -moz-box-shadow:0px 1px 4px rgba(0,0,3,0.1); -webkit-box-shadow:0px 1px 4px rgba(0,0,3,0.1);  -ms-box-shadow:0px 1px 4px rgba(0,0,3,0.1); }
.lecturer-profile-textarea { width: 71%; float: right; }
.lecturer-profile-name { font-size: 24px; line-height: 1; padding-bottom: 20px; font-weight: 600; }
.lecturer-profile-company { font-size: 18px; position: relative; top: -3px; padding-left: 20px; font-weight: 500; }
.lecturer-profile-texttitle { padding: 15px 0 5px; font-weight: 600; font-size: 14px; }
.lecturer-profile-text { line-height: 1.64; font-weight: 2000; }

@media screen and (max-width:1000px){
	.lecturer-profile-name { font-size: 21px; }
	.lecturer-profile-company { font-size: 11px; }
	.lecturer-profile { font-size: 11px; }
	.lecturer-profile-texttitle { font-size: 13px; }
}
@media screen and (max-width:768px){
	.lecturer-profile-name { font-size: 18px; padding-bottom: 16px; }
	.lecturer-profile-company { font-size: 9px;  padding-left: 12px; }
	.lecturer-profile { font-size: 10px; margin-bottom: 40px; }
	.lecturer-profile-texttitle { font-size: 12px; padding: 13px 0 3px; }
}
@media screen and (max-width:480px){
	.lecturer-profile { width: 90%;}
	.lecturer-profile-name { font-size: 14px; padding-bottom: 14px; line-height: 1; }
	.lecturer-profile-company { font-size: 8px; display: block; padding-left: 0px;  top: 0; padding-top: 8px; }
	.lecturer-profile { font-size: 9px; margin-bottom: 30px; }
	.lecturer-profile-texttitle { font-size: 10px; padding: 11px 0 3px; }
	.lecturer-profile-text { line-height: 1.3; }
}


/* 開催概要 */
.summary-article dl {width: 90%; max-width: 820px; margin: 0 auto 3px; display: table; height: 55px; }
.summary-article dt { font-size: 16px; width: 20%; display: table-cell; text-align: center; vertical-align: middle; color: white; font-weight: 600;}
.summary-article dd { width: 80%; color: #333; display: table-cell; vertical-align: middle; background: rgba(234,234,234,.50); font-weight: 700; font-size: 22px; padding: 12px 10px 14px 22px; line-height: 1.3; }
.summary-article dd span { font-size: 15px; font-weight: 500; }
.map {height: 400px; }
.map iframe { width: 100%; }

@media screen and (max-width:768px){
	.summary-article dl { height: 55px; }
	.summary-article dt { font-size: 12px; }
	.summary-article dd { font-size: 18px; padding: 12px 10px 14px 18px; }
	.summary-article dd.place { font-size: 16px; }
	.summary-article dd span { font-size: 12px; }
	.map {height: 360px; }
}
@media screen and (max-width:600px){
	.map { height: 300px; }
}
@media screen and (max-width:480px){
	.summary-article dl { height: 40px; margin-bottom: 2px; }
	.summary-article dt { font-size: 10px; }
	.summary-article dd { font-size: 13px; padding: 10px 10px 12px 11px; }
	.summary-article dd.place { font-size: 12px; }
	.summary-article dd span { font-size: 10px; }
	.map {height: 260px; }
}


/*　お申し込み　*/
.application { color: white; text-align: center; position: relative; height: 400px; }
.application .inr { z-index: 100; position: relative; padding: 0; display: table; height: 100%; width: 90%; margin: 0 auto; }
.application .inr-cell { display: table-cell; vertical-align: middle; }
.application-title { font-size: 40px; line-height: 1.0; font-weight: 700; }
.application-sub { font-size: 32px; font-weight: 700; line-height: 1.6; margin-top: 18px; margin-bottom: 24px; }
.application .btn-submit { width: 280px; margin: 0 auto; font-weight: 700; font-size: 18px; }

@media screen and (max-width:1000px){
	.application-title { font-size: 38px; line-height: 1.5; }
	.application-sub { font-size: 18px; margin-top: 16px; margin-bottom: 24px; }
	.application .btn-submit { width: 280px; font-size: 18px; }
}
@media screen and (max-width:768px){
	.application { height: 360px; }
	.application-title { font-size: 32px; line-height: 1.5; }
	.application-sub { font-size: 16px; margin-top: 14px; margin-bottom: 22px; }
	.application .btn-submit { width: 240px; font-size: 16px; }
	.application .btn-submit span { padding: 18px 0 20px; }
}
@media screen and (max-width:600px){
	.application { height: 300px; }
	.application-title { font-size: 26px; }
	.application-sub { font-size: 14px; }
	.application .btn-submit { width: 200px; font-size: 14px; }
	.application .btn-submit span { padding: 13px 0 16px; }
}
@media screen and (max-width:480px){
	.application { height: 260px; }
	.application-title { font-size: 20px; line-height: 1.4; }
	.application-sub { font-size: 11px; line-height: 1.5; margin-top: 12px; margin-bottom: 18px; }
}


/* footer */
footer { background: url(../img/bg_footer.jpg) no-repeat; background-size: cover; color: white; text-align: center; position: relative; }
footer .inr { padding-bottom: 66px; }
footer a {color: white; }
footer a:hover { text-decoration: underline; }
footer .titlearea-title { color: #333; line-height: 1; }
.footer-organizer { font-size: 16px; }
.footer-organizer-company { font-size: 34px; line-height: 1; padding: 20px 0 14px; font-weight: 600; }
.footer-organizer-tel { font-size: 45px; line-height: 1; padding: 14px 0 14px; font-weight: 700; }
.footer-organizer-tel img { height: 40px; width: auto; position: relative; top: 1px; margin-right: 7px; display: inline-block; }
.footer-organizer-mail { line-height: 1; }
.footer-management { font-size: 12px; border: solid 1px white; display: inline-block; padding: 8px 0px 8px; line-height: 1; margin-top: 50px; width: 110px; }
.footer-copyright { font-size: 10px; position: absolute; bottom: 0; left: 0; right: 0; font-weight: 100; padding-bottom: 8px; }
.link-tel a { pointer-events: none; }
.mobile .link-tel a { pointer-events:painted; }
.btn-pagetop { position: fixed; right: 0; z-index: 5000; }
.btn-pagetop a { color: white; opacity: 0.9; padding: 5px 12px; display: block; cursor: pointer; }
.btn-pagetop a:hover { opacity: 0.7; }
.btn-pagetop .fa { font-size: 18px; padding-right: 4px; }

@media screen and (max-width:768px){
	.footer-organizer { font-size: 14px; }
	.footer-organizer-company { font-size: 26px; }
	.footer-organizer-tel { font-size: 34px; }
	.footer-organizer-tel img { height: 32px; }
	.footer-management { font-size: 11px; }
	.footer-copyright { font-size: 8px; }
	.btn-pagetop a { padding: 4px 10px; font-size: 12px; }
	.btn-pagetop .fa { font-size: 17px; padding-right: 3px; }
}
@media screen and (max-width:480px){
	footer .inr { padding-bottom: 56px; }
	.footer-organizer { font-size: 12px; }
	.footer-organizer-company { font-size: 20px; padding: 17px 0 12px; }
	.footer-organizer-tel { font-size: 30px; padding: 14px 0 14px; }
	.footer-organizer-tel img { height: 28px; top: 0px; margin-right: 5px; }
	.footer-management { font-size: 10px; padding: 5px 0px 7px; margin-top: 24px; width: 80px; }
	.footer-copyright { font-size: 8px; }	
	.btn-pagetop a { padding: 3px 8px; font-size: 11px; }
	.btn-pagetop .fa { font-size: 16px; padding-right: 3px; }
}


/* color-blue */
#colortype-blue .loader_3,
#colortype-blue .overview,
#colortype-blue .contents,
#colortype-blue .summary { color:#075cb3; }
#colortype-blue .gnav,
#colortype-blue .bg_color,
#colortype-blue .summary-article dt,
#colortype-blue .contents:after,
#colortype-blue .btn-pagetop a { background: #075cb3; color: white; }
#colortype-blue .btn-submit span { background:#d12e2e; }

/* color-red */
#colortype-red .loader_3,
#colortype-red .overview,
#colortype-red .contents,
#colortype-red .summary { color:#bf2e30; }
#colortype-red .gnav,
#colortype-red .bg_color,
#colortype-red .summary-article dt,
#colortype-red .contents:after,
#colortype-red .btn-pagetop a { background: #bf2e30; color: white; }
#colortype-red .btn-submit span { background:#76c239; }

/* color-green */
#colortype-green .loader_3,
#colortype-green .overview,
#colortype-green .contents,
#colortype-green .summary { color:#2f9e43; }
#colortype-green .gnav,
#colortype-green .bg_color,
#colortype-green .summary-article dt,
#colortype-green .contents:after,
#colortype-green .btn-pagetop a { background: #2f9e43; color: white; }
#colortype-green .btn-submit span { background:#eb8c17; }

/* color-bluegreen */
#colortype-bluegreen .loader_3,
#colortype-bluegreen .overview,
#colortype-bluegreen .contents,
#colortype-bluegreen .summary { color:#2187b5; }
#colortype-bluegreen .gnav,
#colortype-bluegreen .bg_color,
#colortype-bluegreen .summary-article dt,
#colortype-bluegreen .contents:after,
#colortype-bluegreen .btn-pagetop a { background: #2187b5; color: white; }
#colortype-bluegreen .btn-submit span { background:#76c437; }

/* color-wine */
#colortype-wine .loader_3,
#colortype-wine .overview,
#colortype-wine .contents,
#colortype-wine .summary { color:#a81d47; }
#colortype-wine .gnav,
#colortype-wine .bg_color,
#colortype-wine .summary-article dt,
#colortype-wine .contents:after,
#colortype-wine .btn-pagetop a { background: #a81d47; color: white; }
#colortype-wine .btn-submit span { background:#76c437; }


#loader { width: 100%; height: 100%; position: fixed;  top:0; bottom: 0; left: 0; right:0; text-align:center; z-index: 8100; display: block; }
.loader_bg { width: 100%; height: 100%; background-color:white; position: fixed; top: 0px; left: 0px; z-index: 8000; display: block; }
.loader_1 { height: 100%; display: table; vertical-align: middle; margin: 0 auto; }
.loader_2 { display:table-cell; vertical-align: middle; }
.loader_3 { color: #999; font-size: 8px; margin: 0 auto; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
@-webkit-keyframes load4 {
  0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}
@keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

.fadeup1,.fadeup2,.fadeup3,.fadeup4,.fadeup5,.fadeup6,.fadeup7,.fadeup8,.fadeup9,.fadeup10 { opacity: 0; }
@font-face { font-family: NotoSans; font-weight: 200; src: url('font/NotoSansCJKjp-Light.woff') format('woff'), url('font/NotoSansCJKjp-Light.eot?') format('oldIE'); font-display: swap;}
@font-face { font-family: NotoSans; font-weight: 300; src: url('font/NotoSansCJKjp-DemiLight.woff') format('woff'), url('font/NotoSansCJKjp-DemiLight.eot?') format('oldIE'); font-display: swap;}
@font-face { font-family: NotoSans; font-weight: 400; src: url('font/NotoSansCJKjp-Regular.woff') format('woff'), url('font/NotoSansCJKjp-Regular.eot?') format('oldIE'); font-display: swap;}
@font-face { font-family: NotoSans; font-weight: 500; src: url('font/NotoSansCJKjp-Medium.woff') format('woff'), url('font/NotoSansCJKjp-Medium.eot?') format('oldIE'); font-display: swap;}
@font-face { font-family: NotoSans; font-weight: 600; src: url('font/NotoSansCJKjp-Bold.woff') format('woff'), url('font/NotoSansCJKjp-Bold.eot?') format('oldIE'); font-display: swap;}
@font-face { font-family: NotoSans; font-weight: 700; src: url('font/NotoSansCJKjp-Black.woff') format('woff'), url('font/NotoSansCJKjp-Black.eot?') format('oldIE'); font-display: swap;}