.interviewBlock,.knowledgeBlock,.pickupBlock
{background-color:#edf1f6}.mainClass ul
{padding:0}.mainClass li
{list-style:none}@keyframes choichoi
{0%
{top:0px}40%
{top:14px}100%
{top:0px}}.topMainBlock
{width:100%;height:calc( 100vh - 90px );margin-top:90px;position:relative}.topMainBlock .mainVideoWrap
{position:absolute;top:0;bottom:0;height:auto;left:0;z-index:2;width:100%;overflow:hidden}.topMainBlock .mainVideoWrap .video
{position:absolute;width:100%;opacity:0;transition:opacity ease 0.2s}.topMainBlock .txtWrap
{position:absolute;bottom:4%;right:2%;width:auto}.topMainBlock .txtWrap .txt
{width:100%;margin:0}.topMainBlock .txtWrap .txt span
{display:block;width:530px;color:#fff;text-align:center}.topMainBlock .txtWrap .txt .en
{font-family:"Cormorant Garamond",serif;font-size:98px;line-height:88px;font-variant:small-caps;letter-spacing:0.025em;white-space:nowrap;opacity:0;transform:translateX(-50px);transition:all 1.2s ease;transition-delay:0.3s}.topMainBlock .txtWrap .txt .jp
{font-size:26px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;margin-top:10px;opacity:0;transform:translateX(-50px);transition:all 1.2s ease;transition-delay:0.5s}.topMainBlock picture
{transition:opacity 1.2s ease;opacity:0}.topMainBlock picture img
{object-position:center center}.topMainBlock.movieEnd picture
{opacity:1}.topMainBlock.fadeEnd .txt .jp,.topMainBlock.fadeEnd .txt .en
{opacity:1;transform:translateX(0px)}.topMainBlock .scroll
{position:absolute;bottom:0;left:50%;margin-left:-19px;width:50px;padding-bottom:35px}@media screen and (max-width: 737px)
{.topMainBlock .scroll
{width:38px;padding-bottom:20px}}.topMainBlock .scroll a
{display:block;width:50px;height:50px;position:relative}@media screen and (max-width: 737px)
{.topMainBlock .scroll a
{width:38px;height:38px}}.topMainBlock .scroll a:after
{content:"";border-left:2px solid #fff;border-bottom:2px solid #fff;width:30px;height:30px;position:absolute;top:0;left:50%;animation:choichoi 2.6s infinite ease-in;margin-left:-15px;margin-top:-6px;transform:rotate(-45deg)}@media screen and (max-width: 737px)
{.topMainBlock .scroll a:after
{width:20px;height:20px;margin-top:0px;margin-left:-10px}}@media screen and (max-width: 737px)
{.topMainBlock
{margin-top:60px}.topMainBlock .txtWrap
{bottom:19%;left:4%}.topMainBlock .txtWrap .txt
{width:100%}.topMainBlock .txtWrap .txt span
{width:auto}.topMainBlock .txtWrap .txt .en
{font-size:49px;line-height:0.9}.topMainBlock .txtWrap .txt .jp
{font-size:13px}}.bannerBlock
{padding:60px 0}.bannerBlock a
{display:block;transition:opacity 0.3s ease}.bannerBlock a.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.bannerBlock a.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.bannerBlock a.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}.bannerBlock a:hover
{opacity:0.7}@media screen and (max-width: 737px)
{.bannerBlock
{padding:20px 0}.bannerBlock img
{max-width:100%;height:auto}}

.pickupBlock
{padding-bottom:90px}.pickupBlock .inner
{width:1240px}@media screen and (max-width: 737px)
{.pickupBlock
{padding-bottom:45px}.pickupBlock .inner
{width:auto}}
.pickupList
{display:flex;margin:0 -20px}
.pickupList li
{width:280px;margin:0 20px}
.pickupList li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.pickupList li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.pickupList li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.pickupList li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (min-width: 738px)
{.pickupList li.js-animate.is-animate:nth-child(3)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (min-width: 738px)
{.pickupList li.js-animate.is-animate:nth-child(4)
{-webkit-transition-delay:.9s;transition-delay:.9s}}@media screen and (max-width: 737px)
{.pickupList li.js-animate:nth-child(2n)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (max-width: 737px)
{.pickupList
{margin:0 -10px;flex-wrap:wrap;align-items:stretch}
.pickupList li
{width:calc( 50% - 20px );margin:0 10px;padding-bottom:20px}}
.pickupList .img
{width:100%;position:relative;padding-top:65.2%}
.pickupList .img:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(26,40,57,0.2);transition:background-color 0.3s ease}
.pickupList .img img
{position:absolute;top:0;left:0;width:100%;height:100%}
.pickupList .cat
{font-variant:small-caps;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:16px;margin:6px 0;color:#0096c7;transition:color 0.3s ease}.pickupList 
.cat span
{text-decoration:underline}
.pickupList .title
{font-size:14px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;height:56px;display:flex}
.pickupList a
{display:block;color:#000}.pickupList a:hover .cat
{color:#b42222}.pickupList a:hover .img:after
{background-color:rgba(26,40,57,0)}@media screen and (max-width: 737px)
{.pickupList .cat
{font-size:16px;margin:4px 0}.pickupList .title
{font-size:12px;height:auto;margin-bottom:3px}}

.youtubeBlock
{padding-bottom:90px}.youtubeBlock .inner
{width:1240px}@media screen and (max-width: 737px)
{.youtubeBlock
{padding-bottom:45px}.youtubeBlock .inner
{width:auto}}
.youtubeList
{display:flex;margin:0 -20px}
.youtubeList li
{width:280px;margin:0 20px}
.youtubeList li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}
.youtubeList li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.youtubeList li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.youtubeList li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (min-width: 738px)
{.youtubeList li.js-animate.is-animate:nth-child(3)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (min-width: 738px)
{.youtubeList li.js-animate.is-animate:nth-child(4)
{-webkit-transition-delay:.9s;transition-delay:.9s}}@media screen and (max-width: 737px)
{.youtubeList li.js-animate:nth-child(2n)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (max-width: 737px)
{.youtubeList
{margin:0 -10px;flex-wrap:wrap;align-items:stretch}
.youtubeList li
{width:calc( 50% - 20px );margin:0 10px;padding-bottom:20px}}
.youtubeList .img
{width:100%;position:relative;padding-top:56.25%}
.youtubeList .img:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(26,40,57,0.2);transition:background-color 0.3s ease}
.youtubeList .img img
{position:absolute;top:0;left:0;width:100%;height:100%}
.youtubeList .cat
{font-variant:small-caps;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:16px;margin:6px 0;color:#0096c7;transition:color 0.3s ease}.youtubeList 
.cat span
{text-decoration:underline}
.youtubeList .title
{font-size:14px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;height:56px;display:flex}
.youtubeList a
{display:block;color:#000}
.youtubeList a:hover .cat
{color:#b42222}
.youtubeList a:hover .img:after
{background-color:rgba(26,40,57,0)}@media screen and (max-width: 737px)
{
.youtubeList .cat
{font-size:16px;margin:4px 0}
.youtubeList .title
{font-size:12px;height:auto;margin-bottom:3px}
}

.topJobSearchUl
{display:flex;align-items:stretch;width:100%;margin:0}@media screen and (max-width: 737px)
{.topJobSearchUl
{display:block;width:auto}}.topJobSearchUl li
{width:50%}.topJobSearchUl li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.topJobSearchUl li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.topJobSearchUl li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.topJobSearchUl li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (max-width: 737px)
{.topJobSearchUl li
{width:auto}}.topJobSearchUl li a
{display:block;width:100%;height:456px;position:relative}.topJobSearchUl li a .img
{width:100%;height:100%;position:relative}.topJobSearchUl li a .img:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(0,0,0,0.3);transition:background-color ease 0.3s}@media screen and (min-width: 738px)
{.topJobSearchUl li a:hover .img:after
{background-color:transparent}}.topJobSearchUl li a img
{width:100%;height:100%}.topJobSearchUl li a .txt
{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:20}.topJobSearchUl li a .txt span
{display:block;text-align:center;color:#fff}.topJobSearchUl li a .txt .title
{font-size:28px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.topJobSearchUl li a .txt .title.en
{font-size:36px;font-family:"Cormorant Garamond",serif}.topJobSearchUl li a .txt .sub
{margin-top:10px;font-size:14px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}@media screen and (max-width: 737px)
{.topJobSearchUl li a
{height:245px}.topJobSearchUl li a .txt .title
{font-size:21px}.topJobSearchUl li a .txt .title.en
{font-size:24px}.topJobSearchUl li a .txt .sub
{margin-top:6px;font-size:12px}}.topJobSearchUl .arrowWrap
{position:absolute;bottom:140px;left:0;right:0;width:auto;text-align:center}.topJobSearchUl .arrowWrap .rgArrow
{margin:0 auto}@media screen and (max-width: 737px)
{.topJobSearchUl .arrowWrap
{bottom:70px}}.clientBlock
{padding-bottom:90px}.clientBlock .inner
{width:1082px}@media screen and (max-width: 737px)
{.clientBlock
{padding-bottom:45px}.clientBlock .inner
{width:auto}}.clientList
{display:flex;flex-wrap:wrap;margin:-38px -10px 0}.clientList li
{width:calc( 25% - 20px );margin:38px 10px 0;text-align:center}.clientList li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.clientList li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.clientList li.js-animate.is-animate:nth-child(4n-0)
{-webkit-transition-delay:.8s;transition-delay:.8s}}@media screen and (min-width: 738px)
{.clientList li.js-animate.is-animate:nth-child(4n-1)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (min-width: 738px)
{.clientList li.js-animate.is-animate:nth-child(4n-2)
{-webkit-transition-delay:.4s;transition-delay:.4s}}@media screen and (min-width: 738px)
{.clientList li.js-animate.is-animate:nth-child(4n-3)
{-webkit-transition-delay:.2s;transition-delay:.2s}}@media screen and (max-width: 737px)
{.clientList li.js-animate:nth-child(3n-1)
{-webkit-transition-delay:.2s;transition-delay:.2s}.clientList li.js-animate:nth-child(3n)
{-webkit-transition-delay:.4s;transition-delay:.4s}}.clientList li p
{font-size:12px;text-align:center}.clientList li img
{max-width:100%;height:auto}@media screen and (max-width: 737px)
{.clientList
{margin:-15px -10px 0}.clientList li
{width:calc( 33.3% - 10px );margin:15px 5px 0}.clientList li p
{margin:3px 0 0;font-size:10px}}.interviewBlock
{padding-bottom:100px}@media screen and (max-width: 737px)
{.interviewBlock
{padding-bottom:45px}}
.interviewList
{display:flex;flex-wrap:wrap;margin:0}.interviewList li
{width:47%;height:456px}.interviewList li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}
.interviewList li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.interviewList li.js-animate.is-animate:nth-child(2n-0)
{-webkit-transition-delay:.4s;transition-delay:.4s}}@media screen and (min-width: 738px)
{.interviewList li.js-animate.is-animate:nth-child(2n-1)
{-webkit-transition-delay:.2s;transition-delay:.2s}}@media screen and (max-width: 737px)
{.interviewList li.js-animate:nth-child(2n)
{-webkit-transition-delay:.2s;transition-delay:.2s}}
.interviewList li a
{display:block;width:100%;height:100%;position:relative;transition:opacity 0.3s ease;overflow:hidden}
.interviewList li a .img
{width:100%;height:100%;position:relative;left:20px}
.interviewList li a .txt
{position:absolute;bottom:26px;left:0;right:0;width:auto;text-align:center;color:#fff;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.interviewList li a .desc
{font-size:24px;margin:0}
.interviewList li a .prof
{margin:16px 0 0;font-size:12px;line-height:1.6}
.interviewList li a .prof .company
{margin-right:1em}
.interviewList li a:hover
{opacity:0.7}@media screen and (max-width: 737px)
{.interviewList li
{width:50%;height:0;padding-top:33.3%;position:relative}.interviewList li a
{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto}.interviewList li a .txt
{display:flex;width:100%;height:100%;justify-content:center;align-items:center;padding:10px;flex-direction:column;bottom:0}.interviewList li a .desc
{display:none}.interviewList li a .prof
{margin:0;font-size:10px;line-height:1.6}.interviewList li a .prof span
{display:block}.interviewList li a .prof .company
{font-size:12px}.interviewList li a .prof .postname
{margin-top:5px}.interviewList li a:hover
{opacity:0.7}}
.interviewList1
{display:flex;margin:20 -20px}
.interviewList1 li
{width:25%;margin:0 5px}
.interviewList1 li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.interviewList1 li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.interviewList1 li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.interviewList1 li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (min-width: 738px)
{.interviewList1 li.js-animate.is-animate:nth-child(3)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (min-width: 738px)
{.interviewList1 li.js-animate.is-animate:nth-child(4)
{-webkit-transition-delay:.9s;transition-delay:.9s}}@media screen and (max-width: 737px)
{.interviewList1 li.js-animate:nth-child(2n)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (max-width: 737px)
{.interviewList1
{margin:0 -10px;flex-wrap:wrap;align-items:stretch}
.interviewList1 li
{width:calc( 50% - 20px );margin:0 10px;padding-bottom:20px}}
.interviewList1 .img
{width:100%;position:relative;padding-top:70%}
.interviewList1 .img:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(26,40,57,0.2);transition:background-color 0.3s ease}.interviewList1 .img img
{position:absolute;top:0;left:0;width:100%;height:100%}
.interviewList1 .cat
{font-variant:small-caps;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:24px;margin:6px 0;transition:color 0.3s ease}.interviewList1 .cat span
{text-decoration:underline}
.interviewList1 .title
{font-size:14px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;height:56px;display:flex}.interviewList1 a
{display:block;color:#000}
.interviewList1 a:hover .cat
{color:#b42222}
.interviewList1 a:hover .img:after
{background-color:rgba(26,40,57,0)}@media screen and (max-width: 737px)
{.interviewList1 .cat
{font-size:16px;margin:4px 0}
.interviewList1 .title
{font-size:12px;height:auto;margin-bottom:3px}}
.resonBlock
{padding-bottom:100px}@media screen and (max-width: 737px)
{.resonBlock
{padding-bottom:45px}}.resonLink
{position:relative;display:block}.resonLink .bgImg
{width:100%;height:326px;position:relative}.resonLink .bgImg:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(0,0,0,0.2);transition:background ease 0.3s}@media screen and (max-width: 737px)
{.resonLink
{margin:45px 0 0}.resonLink .bgImg
{height:230px;position:absolute;top:45px;left:0}.resonLink .bgImg:after
{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(0,0,0,0.2);transition:background ease 0.3s}}@media screen and (min-width: 738px)
{.resonLink:hover .bgImg:after
{background-color:transparent}}.resonLink ul
{width:1000px;margin:-220px auto 0;display:flex;position:relative}@media screen and (max-width: 737px)
{.resonLink ul
{width:auto;margin:-40px auto 0;flex-wrap:wrap;justify-content:center}}.resonLink li
{width:322px;height:322px;border-radius:50%;background-color:rgba(65,114,171,0.9)}.resonLink li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.resonLink li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.resonLink li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.resonLink li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}}@media screen and (min-width: 738px)
{.resonLink li.js-animate.is-animate:nth-child(3)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (max-width: 737px)
{.resonLink li.js-animate:nth-child(2)
{-webkit-transition-delay:.3s;transition-delay:.3s}.resonLink li.js-animate:nth-child(3)
{-webkit-transition-delay:.6s;transition-delay:.6s}}.resonLink li+li
{margin-left:17px}.resonLink li:first-child
{background-color:rgba(98,150,211,0.9)}.resonLink li:last-child
{background-color:rgba(26,70,122,0.9)}@media screen and (max-width: 737px)
{.resonLink li
{width:158px;height:158px}.resonLink li:first-child
{margin:0 29%}.resonLink li:nth-child(2)
{margin:-20px 10px 0}.resonLink li:last-child
{margin:-20px 10px 0}}.resonLink dl
{color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.resonLink dt
{line-height:1.3;font-size:20px;margin-bottom:30px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.resonLink dd
{line-height:1.7;margin:0;padding:0 46px;width:100%}@media screen and (max-width: 737px)
{.resonLink dt
{line-height:1.3;font-size:14px;margin-bottom:0px}.resonLink dd
{display:none}}.knowledgeBlock
{padding-bottom:100px}.knowledgeBlock .inner
{width:1240px}@media screen and (max-width: 737px)
{.knowledgeBlock
{padding-bottom:45px}.knowledgeBlock .inner
{width:auto}}.knowledgeList
{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;margin:-8px -4px}@media screen and (max-width: 737px)
{.knowledgeList
{display:inline-flex;margin:-10px -5px;justify-content:flex-start}}.knowledgeList li
{width:304px;margin:8px 4px}.knowledgeList li.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.knowledgeList li.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.2s;transition-delay:.2s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(3)
{-webkit-transition-delay:.4s;transition-delay:.4s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(4)
{-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(5)
{-webkit-transition-delay:.8s;transition-delay:.8s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(6)
{-webkit-transition-delay:1s;transition-delay:1s}}@media screen and (min-width: 738px)
{.knowledgeList li.js-animate.is-animate:nth-child(7)
{-webkit-transition-delay:1.2s;transition-delay:1.2s}}@media screen and (max-width: 737px)
{.knowledgeList li.js-animate:nth-child(2n)
{-webkit-transition-delay:.2s;transition-delay:.2s}}.knowledgeList li.comingSoon
{position:relative}.knowledgeList li.comingSoon:after
{content:"Coming Soon";font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;align-items:center;justify-content:center;color:#fff;font-size:24px;background-color:rgba(0,0,0,0.5);z-index:10}@media screen and (max-width: 737px)
{.knowledgeList li.comingSoon:after
{font-size:18px}}.knowledgeList li:first-child
{margin-left:5px}.knowledgeList li a
{display:block;background-color:#fff;padding-bottom:29px}.knowledgeList li .img
{position:relative}.knowledgeList li .img:after
{content:"";display:block;position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-color:rgba(0,0,0,0.2);transition:background ease 0.3s}.knowledgeList li .img img
{max-width:100%;height:auto}.knowledgeList li a:hover .img:after
{background-color:transparent}.knowledgeList li .title
{position:absolute;bottom:25px;left:0;color:#fff;font-size:24px;font-weight:500;padding-left:30px;color:#fff;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;z-index:10}.knowledgeList li .txt
{padding:28px 30px;line-height:1.66;font-size:12px;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500}.knowledgeList li .spTxt
{display:none}.knowledgeList li .rgArrow
{margin-left:30px}@media screen and (max-width: 737px)
{.knowledgeList li
{width:calc( 50% - 10px );margin:10px 5px}.knowledgeList li a
{padding-bottom:10px}.knowledgeList li .title
{display:none}.knowledgeList li .txt
{display:none}.knowledgeList li .spTxt
{display:block;padding:8px 10px;font-size:14px}.knowledgeList li .rgArrow
{margin-left:10px}}.comingSoon
{text-align:center;font-family:"Yu Mincho","YuMincho","游明朝 Medium","Yu Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:24px}@media screen and (max-width: 737px)
{.comingSoon
{font-size:21px}}.comingSoon.js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.comingSoon.js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.comingSoon.js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.comingSoon.js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.1s;transition-delay:.1s}}.hdEnJp01 .js-animate
{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.hdEnJp01 .js-animate.is-animate
{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 738px)
{.hdEnJp01 .js-animate.is-animate:nth-child(1)
{-webkit-transition-delay:0s;transition-delay:0s}}@media screen and (min-width: 738px)
{.hdEnJp01 .js-animate.is-animate:nth-child(2)
{-webkit-transition-delay:.1s;transition-delay:.1s}}