@charset "UTF-8";
@keyframes bounce-up { 0% { transform: translateY(0); }
  16% { transform: translateY(-110%); }
  28% { transform: translateY(-92%); }
  44% { transform: translateY(-105%); }
  59% { transform: translateY(-98%); }
  73% { transform: translateY(-100%); }
  100% { transform: translateY(-100%); } }
@keyframes bounce-right { 0% { transform: translateY(0); }
  16% { transform: translateX(-108%); }
  28% { transform: translateX(-94%); }
  44% { transform: translateX(-104%); }
  59% { transform: translateX(-98%); }
  73% { transform: translateX(-100%); }
  100% { transform: translateX(-100%); } }
/* 主要なカラー
------------------------------ */
.box04 { background: white; width: 94%; max-width: 1024px; margin: 24px auto; padding: 32px 16px; text-align: center; }
.box04 .title { font-weight: bold; font-size: 1.6em; color: #1b3541; padding-bottom: 0.8em; }
.box04 .title span { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiM0YjkzYjQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(74%, #4b93b4)); background: -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, #4b93b4 74%); background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, #4b93b4 74%); background: linear-gradient(rgba(0, 0, 0, 0) 50%, #4b93b4 74%); }
.box04 .txt01 img { width: 86%; max-width: 640px; }
@media (max-width: 528px) { .box04 .txt01 img { width: 100%; } }

.intro h2 { margin-bottom: 64px; }
@media (max-width: 528px) { .intro h2 { padding-bottom: 0; } }
.intro .upbox { text-align: center; padding: 32px 0; position: relative; width: 94%; max-width: 1024px; margin: 24px auto; margin: 0 auto; }
.intro .upbox img { margin-bottom: 16px; }
.intro p { text-align: left; }

.important { background: #fcf6db; margin: 64px 0; }
.important h2 { text-align: center; padding: 32px 0 0; }

.signal .popo { padding: 0 42px 16px 42px; }

.list-best4 { background: white; padding: 32px 8px 64px; }
.list-best4 .postlist { margin: 24px auto 0; max-width: 1504px; }
.list-best4 .postlist li { width: 25%; min-height: auto; min-width: 214px; }
@media (max-width: 1024px) { .list-best4 .postlist li { width: 50%; min-width: 0; } }
@media (max-width: 528px) { .list-best4 .postlist li { width: 100%; } }
.list-best4 .postlist li p { margin: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.list-best4 .postlist li p.point { color: #f85523; font-size: 15px; font-size: 0.9375rem; padding: 8px 16px 0; }
.list-best4 .postlist li p.point::before { content: "\02665"; }
.list-best4 .postlist li p.title { font-weight: bold; padding: 8px 16px 24px; line-height: 1.4; }
.list-best4 .postlist li p.title:hover { color: #ef7e17; }
.list-best4 .postlist a div { background-color: white; border-bottom: 2px dotted #f3a45b; height: 200px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
@media (max-width: 1024px) { .list-best4 .postlist a div { height: 200px; } }
.list-best4 .postlist a img { -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.list-best4 .postlist a:hover { background: #fcf6db; }
.list-best4 .postlist a:hover img { -moz-transform: scale(1.06, 1.06); -ms-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); }

.troublelink { width: 94%; max-width: 1024px; margin: 24px auto; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
.troublelink li { width: 48%; padding-bottom: 16px; }
@media (max-width: 528px) { .troublelink li { width: 100%; } }
.troublelink p { background: url(/image/content/index/trouble/bg01.webp) no-repeat left top, url(/image/content/index/trouble/bg02.webp) no-repeat right top; text-align: center; font-weight: bold; font-size: 0.94em; }
.troublelink a { display: block; width: 94%; max-width: 1024px; margin: 24px auto; background: #675042; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; color: white; font-weight: bold; padding: 16px; -moz-box-shadow: 2px 2px 0px rgba(103, 80, 66, 0.6); -webkit-box-shadow: 2px 2px 0px rgba(103, 80, 66, 0.6); box-shadow: 2px 2px 0px rgba(103, 80, 66, 0.6); text-align: center; }
.troublelink a i { display: block; width: 80%; max-width: 1024px; margin: 24px auto; background: white; color: #675042; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-box-shadow: 2px 2px 2px rgba(103, 80, 66, 0.4) inset; -webkit-box-shadow: 2px 2px 2px rgba(103, 80, 66, 0.4) inset; box-shadow: 2px 2px 2px rgba(103, 80, 66, 0.4) inset; }
.troublelink a i:before { content: "\f144"; font-family: icon; position: relative; top: 1px; padding-right: 0.3em; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.troublelink a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.troublelink a:hover i:before { color: #ef7e17; }
.troublelink .bg_color a { background: #ef7e17; }

.slidearea { display: none; }
@media (max-width: 528px) { .slidearea { display: block; position: relative; top: -42px; z-index: 2; margin-bottom: -56px; }
  .slidearea .nendo { position: absolute; bottom: 0; right: 0; width: 36%; } }

.newslide li { display: none; }

.bx-viewport .newslide li { display: block !important; }

.bx-wrapper { margin-bottom: 0 !important; border: none !important; }

.bx-controls { position: relative; top: -40px; }

.bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: transparent; }

.news { background: #fcf6db; padding: 64px 0 128px; }
.news dl { max-width: 928px; background: url(/image/content/index/img17.webp) no-repeat right top white; margin: 0 auto; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 32px; position: relative; }
@media (max-width: 528px) { .news dl { padding: 32px 8px; } }
.news dl::before { content: url(/image/content/index/img17.webp); position: absolute; top: 0; right: 0; }
.news dt { border-bottom: 5px dotted #fff570; font-weight: bold; padding: 0 8px 4px; margin-top: 64px; }
.news dt:first-of-type { margin-top: 0; }
.news dd { margin: 0 8px; padding: 8px 16px; border-bottom: 2px dashed #e3dfdc; }
@media (max-width: 528px) { .news dd { padding: 8px; } }
.news dd a { color: #675042; }
@media (max-width: 528px) { .news dd a { display: block; margin: 8px 0; line-height: 1.4; } }
.news i { background: #fff570; display: inline-block; width: 8.6em; color: white; font-size: 14px; font-size: 0.875rem; padding: 0 6px; margin-right: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.news i.info { color: #675042; }
.news i.refusal { background: #ef7e17; }
.news i.develop { background: #e6998a; }
.news i.study { background: #4b93b4; }

.trial-bnr, .gobtn { display: none; }

.online_bnr { text-align: center; padding-bottom: 36px; margin-top: -19px; }
@media (max-width: 528px) { .online_bnr { margin-top: 0; } }

.list-area dt { cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.list-area dt:hover { opacity: 0.8; }
.list-area dt::after { content: "\f067"; font-family: icon; padding-right: 0.2em; line-height: 1; position: absolute; right: 20px; top: calc(50% - 0.5em); color: white; }
.list-area dt.open::after { content: "\f068"; }
.list-area dd { display: none; }

@media (max-width: 528px) { .column { width: 90%; max-width: 1024px; margin: 24px auto; margin: 0 auto; } }

/*# sourceMappingURL=page.css.map */