/* https://www.pio.co.jp/new/wp-content/themes/20240325/css/reference.css?ver=6.4.2 */
#reference{text-align:center;font-family:"Yu Gothic",游ゴシック,YuGothic,游ゴシック体,"ヒラギノ角ゴ Pro W3",メイリオ,sans-serif;;font-weight:600;overflow:hidden}#reference .inner{width:1000px;max-width:100%;position:relative}#reference span{font-size:30px}#reference figure{text-align:center}#reference .reference-img{background:#1966A8}#reference .reference-img .refimg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-400px}#reference .reference-img .refimg figure{height:500px;display:block;margin-left:-180px}#reference .reference-img .refimg figure:nth-child(2){margin-right:-180px}#reference .reference-img .refimg figure img{max-height:100%;width:auto}#reference .reference-img h1{font-size:43px;color:#fff;padding:60px 0 40px}#reference .reference-img p{color:#90E1FF;font-size:30px}#reference .jisseki{margin:40px auto;width:800px;max-width:100%}#reference button{background:transparent;margin-top:40px;border:none}#reference button a{margin:20px 0;padding:20px 60px;max-width:100%;background:#fff;border-radius:50px;color:#074784;font-size:26px;font-weight:600;display:block}#reference button a:hover{background:#FFF255;animation-duration:3ms}#reference .borderline{white-space:nowrap}#reference .ref-lead{margin:60px auto}#reference .ref-lead p{font-size:30px;background:#1966A8;padding:30px;color:#fff;position:relative;margin-bottom:80px}#reference .ref-lead p::after{content:"";position:absolute;top:100%;left:50%;margin-left:-350px;margin-top:-1px;border:350px solid transparent;border-top:60px solid #1966A8}#reference .ref-lead h2{font-size:40px;color:#074784;position:relative}#reference .ref-lead h2 span{font-size:60px;color:#800A25}#reference .ref-lead h2::before{content:"";background:url(/new/wp-content/themes/20240325/css/../images/loud-left.png) no-repeat left center;background-size:contain;position:absolute;height:110px;width:90px;left:0;bottom:0}#reference .ref-lead h2::after{content:"";background:url(/new/wp-content/themes/20240325/css/../images/loud-right.png) no-repeat right center;background-size:contain;position:absolute;height:110px;width:90px;right:0;bottom:0}#reference .ref-first{background:#EDFAFF;padding:90px 0 0;color:#00274D;font-size:20px;line-height:2}#reference .ref-first span{font-size:30px;font-weight:600}#reference .ref-first .ref-about{background:#fff;padding:50px;text-align:left;margin:50px auto;line-height:1.5;font-size:16px}#reference .ref-first .ref-about figure img{padding:30px 0 0;max-width:100%}#reference .ref-first .ref-about h3{font-size:30px;margin-bottom:10px}#reference .ref-first .ref-about p{font-weight:400}#reference .ref-first .ref01-box{background:#007FBA;border-radius:50px;padding:50px;color:#fff;margin:50px auto 0}#reference .ref-first .ref02-box{display:flex;flex-wrap:nowrap;align-items:center;margin-top:-30px;text-align:left}#reference .ref-first .ref02-box figure{width:30%;margin-left:-20px}#reference .ref-second{background:#074784;padding:90px 0;color:#fff}#reference .ref-second h2{color:#fff}#reference .ref-second h2.top-ttl01::after{content:"Usefulness";color:#fff}#reference .ref-second .ref01-box{border:5px solid #FCA028;background:#fff;padding:30px 20px 0;margin:50px auto 0}#reference .ref-second .ref01-box h3{color:#1966A8;font-size:30px;margin-bottom:20px;line-height:1.3}#reference .ref-second .ref01-box dl{background:#eee;padding:20px;color:#000;text-align:left;position:relative;font-size:14px}#reference .ref-second .ref01-box dt{font-size:20px;margin-bottom:10px}#reference .ref-second .ref01-box dl.first{margin-bottom:60px}#reference .ref-second .ref01-box dl.first::after{content:"";position:absolute;top:100%;left:50%;margin-left:-280px;margin-top:-1px;border:280px solid transparent;border-top:50px solid #1966A8}#reference .ref-second .ref01-box p{font-size:30px;color:#074784;margin:20px auto -10px}#reference .ref-third{padding:90px 0 0;text-align:left}#reference .ref-third h2.top-ttl01::after{content:"Step"}#reference .ref-third h3{background:#FCA002;padding:20px;color:#fff;width:800px;max-width:100%;margin:20px auto;font-size:30px}#reference .ref-third .ref01-box{border:5px solid #1966A8;border-radius:50px;margin:20px auto 50px;padding:40px;text-align:left;padding-right:300px;position:relative}#reference .ref-third .ref01-box h4{color:#074784;font-size:30px;margin-bottom:20px}#reference .ref-third .ref01-box figure{position:absolute;right:0;top:-30px;width:250px}#reference .ref-third .ref01-box.ref-box-add{padding-right:0;width:100%;padding:0}#reference .ref-third .ref01-box .ref-box-addbox h4{border-bottom:5px dotted #074784;width:440px;max-width:100%;position:relative;text-align:center;margin:0 auto 20px}#reference .ref-third .ref01-box .ref-box-addbox h4::before{content:"ここがポイント";position:absolute;left:0;background:#FCA028;padding:10px 20px;color:#fff;font-size:16px;border-radius:30px;margin-left:-150px}#reference .ref-third .ref01-box.ref-box-add div{padding:30px}#reference .ref-third .ref01-box.ref-box-add .ref-box-addbox{text-align:center;background:#F6FBFB;padding:30px 80px;border-radius:0 0 50px 50px;line-height:1.8}#reference .ref-third .ref01-box.ref-box-add .ref-box-addbox p,#reference .ref-third .ref01-box.ref-box-add .ref-box-addbox figure{margin-bottom:20px;position:unset;width:100%}#reference .ref-third p{margin:20px auto 0}#reference .ref-third .ref02-box p{background:#FFF2E0;padding:30px;border-radius:50px;margin:0}#reference .ref-third .ref02-box p{background:#FFF2E0;padding:30px}#reference .ref-third .ref02-box figure{text-align:center}#reference .ref-forth{background:#1966A8;padding:90px 0 40px;position:relative;max-width:100%;overflow:hidden}#reference .ref-forth::before{content:"";position:absolute;top:-1px;left:50%;margin-left:-800px;border:800px solid transparent;border-top:80px solid #fff}#reference .ref-forth .inner{padding:60px 0 0;color:#fff;line-height:1.8}#reference .ref-forth .inner p{margin-bottom:20px}#reference .ref-forth .inner .borderline{color:#1966A8}#reference .ref-forth .ref-box{background:#F6FBFB;padding:30px;color:#000;text-align:left;margin-bottom:30px}#reference .ref-forth .ref-box h3{margin-bottom:20px;color:#074784;font-size:26px;text-align:center}#reference .ref-forth .ref-box li{background:url(/new/wp-content/themes/20240325/css/../images/icon-check.png) no-repeat left 5px;background-size:1.5rem;padding-left:40px;font-size:16px;line-height:2}#reference .ref-forth .ref-box p{margin-bottom:0}#reference .ref-forth .ref02-box{font-size:26px;padding:50px 0;position:relative;margin:20px auto}#reference .ref-forth .ref02-box span{font-size:36px}#reference .ref-forth .ref02-box::before{background:url(/new/wp-content/themes/20240325/css/../images/em-left-white.png) no-repeat left bottom;background-size:contain;content:"";position:absolute;width:60px;height:60px;left:0;bottom:0}#reference .ref-forth .ref02-box::after{background:url(/new/wp-content/themes/20240325/css/../images/em-right-white.png) no-repeat right top;background-size:contain;content:"";position:absolute;width:60px;height:60px;right:0;top:0}#reference .ref-fifth::before{content:"";position:absolute;top:-1px;left:50%;margin-left:-800px;border:800px solid transparent;border-top:80px solid #1966A8;margin-top:-1px}#reference .ref-fifth{padding:120px 0 0;margin:0 auto 0;font-size:20px;line-height:1.5;position:relative;overflow:hidden}#reference .ref-fifth span{color:#00274D;display:block;margin:10px auto}#reference .ref-fifth em{border-bottom:10px solid #FFF255;font-style:normal}#reference .ref-fifth span.small{font-size:16px}#reference .ref-fifth .ref01-box{background:#EDFAFF;margin:50px auto;padding:30px;text-align:left}#reference .ref-fifth .ref01-box h3{margin-bottom:20px;color:#074784;font-size:26px;text-align:center}#reference .ref-fifth .ref01-box p{background:#fff;padding:10px 20px;text-align:center;margin-top:20px}#reference .ref-fifth .ref01-box li{background:url(/new/wp-content/themes/20240325/css/../images/icon-check.png) no-repeat left 5px;background-size:1.5rem;padding-left:40px;font-size:16px;line-height:2}#reference .ref-fifth .ref02-box{font-size:36px;color:#00274D;position:relative}#reference .ref-fifth .ref02-box::before{content:"";background:url(/new/wp-content/themes/20240325/css/../images/loud-left-big.png) no-repeat left center;background-size:contain;position:absolute;height:220px;width:145px;left:0;bottom:0;max-height:100%}#reference .ref-fifth .ref02-box::after{content:"";background:url(/new/wp-content/themes/20240325/css/../images/loud-right-big.png) no-repeat right center;background-size:contain;position:absolute;height:220px;width:145px;right:0;bottom:0;max-height:100%}@media screen and (max-width:768px){.reference-img h1{font-size:30px;color:#000;line-height:1.5}#reference .reference-img .refimg{margin-top:-300px}#reference .reference-img .refimg figure{height:300px;display:block;margin-left:-60px}#reference .reference-img .refimg figure:nth-child(2){margin-right:-60px}#reference .reference-img h1{font-size:30px;padding:40px 0 20px;font-size:24px}#reference .reference-img p{font-size:16px;line-height:1.5;margin:0 auto}#reference .jisseki{width:400px;max-width:100%;margin-left:0;left:0;position:relative;margin:20px auto;display:block}#reference button{width:100%;margin:0 auto}#reference button a{font-size:16px;margin:20px auto}#reference span{font-size:22px}#reference .ref-lead{margin:40px auto 60px}#reference .ref-lead p{line-height:1.5;padding:20px;margin:0 0 80px;font-size:20px}#reference .ref-lead p::after{margin-left:-100px;border:100px solid transparent;border-top:50px solid #1966A8}#reference .ref-lead h2{font-size:22px;line-height:1.5;padding:0 30px}#reference .ref-lead h2::before,#reference .ref-lead h2::after{height:60px}#reference .ref-lead h2 span{font-size:30px}#reference .inner{max-width:calc(100% - 40px);padding:0 20px}#reference .ref-first{line-height:1.6;padding:60px 0 0;font-size:16px}#reference .ref-first span{font-size:20px;max-width:cal(100% - 10px)}#reference .ref-first .ref01-box{font-size:14px;border-radius:30px;margin:20px auto 0;padding:20px}#reference .ref-first .ref02-box{margin-top:20px}#reference .ref-first .ref02-box figure{width:360px;max-width:80%}#reference .ref-first .ref-about{padding:20px;margin:20px auto;font-size:14px}#reference .ref-first .ref-about h3{font-size:20px}#reference .ref-second .ref01-box h3{font-size:20px}#reference .ref-second .ref01-box dl.first::after{margin-left:-100px;border:100px solid transparent;border-top:40px solid #1966A8}#reference .ref-second .ref01-box dl dd{font-weight:400}#reference .ref-second .ref01-box p{font-size:20px;line-height:1.5}#reference .ref-third{padding:60px 0 0}#reference .ref-third h3{max-width:calc(100% - 40px);font-size:20px;padding:10px 20px}#reference .ref-third .ref01-box{padding:30px 20px 0;border-radius:30px}#reference .ref-third .ref01-box h4{font-size:24px}#reference .ref-third .ref01-box.ref-box-add .ref-box-addbox{padding:30px 20px;text-align:left}#reference .ref-third .ref01-box figure{position:unset;width:80%;margin:20px auto}#reference .ref-third .ref01-box .ref-box-addbox h4::before{font-size:12px;margin-left:0;top:-50px}#reference .ref-forth{padding:90px 0 0}#reference .ref-forth .ref-box h3,#reference .ref-forth .ref02-box{font-size:20px}#reference .ref-forth .ref02-box span{font-size:30px}#reference .ref-fifth{font-size:16px}#reference .ref-fifth .ref01-box{padding:20px}#reference .ref-fifth .ref01-box h3{font-size:20px}#reference .ref-fifth .ref02-box::before,#reference .ref-fifth .ref02-box::after{height:80px}#reference .ref-fifth .ref02-box{padding:0 30px;font-size:20px}}@media screen and (max-width:600px){#reference .reference-img .refimg{margin-top:0;justify-content:space-evenly}}@media screen and (max-width:424px){#reference .reference-img .refimg figure{height:200px}#reference button a{font-size:14px;padding:15px 30px}}@media screen and (max-width:350px){#reference .borderline{white-space:unset}#reference .ref-first .ref02-box{flex-direction:column-reverse}#reference .ref-first .ref02-box figure{max-width:60%}}