*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{text-decoration:underline}.pc{display:block}@media only screen and (max-width: 1024px){.pc{display:none}}.proL{display:block}@media only screen and (max-width: 1100px){.proL{display:block}}@media only screen and (max-width: 960px){.proL{display:block}}@media only screen and (max-width: 768px){.proL{display:none}}.tab{display:none}@media only screen and (max-width: 960px){.tab{display:block}}@media only screen and (max-width: 560px){.tab{display:block}}.sp{display:none}@media only screen and (max-width: 560px){.sp{display:block}}.bold{font-weight:bold}.red{color:#b00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;background:#f6f6f5;color:#333}header{background:#fff;width:100%;display:flex;flex-direction:column}header .rogo{width:100%;max-width:1000px;margin:0 auto;padding-top:6px;height:60px;text-align:left}header .rogo a{display:inline-block}header .rogo a img{width:97px}header .header{background:url(../images/main_bg.png) no-repeat center;background-size:cover;color:#fff;height:389px;position:relative;overflow:hidden}@media only screen and (max-width: 1024px){header .header{height:auto}}header .header .header-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header .header .header-text h1{font-size:46px;margin-bottom:20px;font-weight:bold;line-height:1.3}@media only screen and (max-width: 1024px){header .header .header-text h1{font-size:36px}}@media only screen and (max-width: 560px){header .header .header-text h1{font-size:28px;text-align:center}}header .header .header-text h1 .char{display:inline-block;opacity:0;transform:translateY(10px);animation:heroCharIn .5s ease forwards;animation-delay:calc(var(--i)*.05s)}header .header .header-text p{font-size:23.8px;font-weight:bold;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}@media only screen and (max-width: 1024px){header .header .header-text p{font-size:18px;margin-bottom:20px}}@media only screen and (max-width: 560px){header .header .header-text p{text-align:center}}header .header .header-text p.is-visible{opacity:1;transform:translateY(0)}header .header .header-illustration{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}header .header .header-illustration.is-visible{opacity:1;transform:translateY(0)}header .header .header-illustration img{margin-top:10px;width:350px}@media only screen and (max-width: 768px){header .header .header-illustration img{width:50%;margin:0 auto}}@media only screen and (max-width: 560px){header .header .header-illustration img{width:70%}}@keyframes heroCharIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-section{width:100%;margin:0 auto 40px;background:#fff}.intro-section .intro-icon,.intro-section .intro-text{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.intro-section.is-loaded .intro-icon{opacity:1;transform:translateY(0)}.intro-section.is-loaded .intro-text{opacity:1;transform:translateY(0);transition-delay:.25s}.intro-section .intro-box{width:100%;max-width:1000px;margin:0 auto;padding:10px 0 0;display:flex;gap:60px;align-items:center;justify-content:center}@media only screen and (max-width: 1024px){.intro-section .intro-box{flex-direction:column;text-align:center;gap:20px}}.intro-section .intro-icon{width:210px}@media only screen and (max-width: 960px){.intro-section .intro-icon{width:30%}}.intro-section .intro-text p{font-size:18px;line-height:2;margin-bottom:10px}@media only screen and (max-width: 960px){.intro-section .intro-text p{font-size:16px;text-align:left}}.button-grid{max-width:1000px;margin:30px auto 40px;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media only screen and (max-width: 960px){.button-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}}.button-grid .nav-button{background:#fff;color:#333;border:2px solid #b00;border-radius:50px;padding:28px;text-align:left;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;position:relative;text-decoration:none}@media only screen and (max-width: 960px){.button-grid .nav-button{width:45%;border-radius:20px;padding:15px 40px 15px 15px}}.button-grid .nav-button::after{content:"";width:25px;height:25px;background-image:url("../images/arrow_btm_r.svg");background-size:contain;background-repeat:no-repeat;position:absolute;right:20px;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 960px){.button-grid .nav-button::after{right:10px}}@media only screen and (max-width: 560px){.button-grid .nav-button::after{width:20px;height:20px;right:10px}}@media(hover: hover){.button-grid .nav-button:hover{color:#fff;background:#b00;opacity:1}.button-grid .nav-button:hover::after{content:"";width:25px;height:25px;background-image:url("../images/arrow_btm_w.svg");background-size:contain;background-repeat:no-repeat;position:absolute;right:20px;top:50%;transform:translateY(-50%)}}@media only screen and (hover: hover)and (max-width: 960px){.button-grid .nav-button:hover::after{right:10px}}.button-grid .nav-button span{font-size:16px}@media only screen and (max-width: 1024px){.button-grid .nav-button span{font-size:14px}}.conts{background:#fff;width:100%;max-width:1000px;margin:0 auto 60px;border-radius:10px;padding:40px 0}.conts:last-child{margin-bottom:0}.conts a{text-decoration:none}.conts .section-header{margin:0px auto 30px;padding:0 10px;text-align:center}.conts .section-header h2{font-size:20px;background:linear-gradient(transparent 60%, #FAFF9C 60%);display:inline}@media only screen and (max-width: 560px){.conts .section-header h2{font-size:16px}}.conts .section-header h3{font-size:28px;font-weight:bold;margin-top:20px}@media only screen and (max-width: 560px){.conts .section-header h3{font-size:24px}}.conts .tool-card{max-width:840px;width:100%;margin:0 auto 30px;padding:0 20px;opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.conts .tool-card.is-visible{opacity:1;transform:translateY(0)}.conts .tool-card:last-child{margin-bottom:0}.conts .tool-card .card-inner{background:#fff;padding:55px 30px 30px;box-shadow:1px 0px 0px 0 rgba(217,217,217,.25),2px 0px 0px 0 rgba(217,217,217,.25),0 1px 0 0 #d9d9d9,0 0px 3px 0 #d9d9d9;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}.conts .tool-card .card-content{flex:1}.conts .tool-card .card-label{color:#333;font-size:14px;font-weight:bold;margin-bottom:5px;padding:4px 10px;position:absolute;top:20px;left:-10px}.conts .tool-card .a8{background:#f8dcdc}.conts .tool-card .a8::before{content:"";position:absolute;left:0;top:-7px;width:0;height:0;border-bottom:8px solid #ffc1c1;border-left:10px solid rgba(0,0,0,0)}.conts .tool-card .osusume{background:#e8f3fb}.conts .tool-card .osusume::before{content:"";position:absolute;left:0;top:-7px;width:0;height:0;border-bottom:8px solid #c8e8ff;border-left:10px solid rgba(0,0,0,0)}.conts .tool-card .card-title{font-size:24px;font-weight:bold;margin-bottom:6px;color:#333}@media only screen and (max-width: 560px){.conts .tool-card .card-title{font-size:20px}}.conts .tool-card .card-description{color:#333;font-size:14px;line-height:1.8;margin-bottom:20px}.conts .tool-card .card-image{max-width:280px;width:100%;flex-shrink:0}@media only screen and (max-width: 1024px){.conts .tool-card .card-image{margin-top:20px}}.conts .tool-card .card-image img{width:100%;height:auto}@media only screen and (max-width: 1024px){.conts .tool-card .btnAria{text-align:center}}.conts .tool-card .btnAria .detail-button{background:#b00;color:#fff;border:none;padding:8px 30px 8px 20px;margin-right:10px;border-radius:5px;display:inline-block;font-size:14px;font-weight:bold;transition:background .3s;position:relative}.conts .tool-card .btnAria .detail-button::after{content:"";width:16px;height:16px;background-image:url("../images/arrow_right_r.svg");background-size:contain;background-repeat:no-repeat;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 1024px){.conts .tool-card .btnAria .detail-button{width:100%;padding:15px 0;margin-right:0}}.conts .tool-card .btnAria .second{margin-right:0;margin-top:20px}.conts .tool-card .logo{max-width:200px}@media only screen and (max-width: 1024px){.rogo,.intro-section,.button-grid,footer{padding:0 20px}.header{height:auto;padding:30px 20px}.conts{width:96%}.conts .card-inner{flex-direction:column;text-align:left}.conts .card-inner .card-image{order:-1}.conts .card-inner .card-content{width:100%}.header{height:auto}.header .header-text{margin-right:20px}}@media only screen and (max-width: 1024px)and (max-width: 1024px){.header .header-text{margin-right:0}}@media only screen and (max-width: 768px){.header .header-content{flex-direction:column;text-align:center}.button-grid{grid-template-columns:1fr}}footer{background:#fff;width:100%;margin:0 auto;padding:20px 0}@media only screen and (max-width: 1100px){footer{display:block;padding:20px 10px 40px}}footer div{width:100%;max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 768px){footer div{display:block}}footer div .copy{font-size:12px;margin:0;text-align:left;color:#333;line-height:1.6;overflow-wrap:anywhere}@media only screen and (max-width: 1100px){footer div .copy{text-align:center;margin-bottom:10px}}footer div ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:12px;font-weight:normal}@media only screen and (max-width: 1100px){footer div ul{justify-content:center}}@media only screen and (max-width: 768px){footer div ul{gap:30px}}footer div a{text-underline-offset:2px}#pagetop{display:none;position:fixed;right:10px;bottom:10px;z-index:100;transition:opacity .3s}#pagetop.hidden{opacity:0;pointer-events:none}#pagetop.visible{display:block;opacity:1}