﻿.p-intro,.con_step{max-width:1200px;margin:auto}@media only screen and (min-width: 768px){.p-intro,.con_step{width:90%}}@media only screen and (max-width: 767px){.p-intro,.con_step{width:89.47368%}}.p-intro{max-width:970px;margin-inline:auto;margin-top:7.5rem}@media only screen and (min-width: 768px) and (max-width: 1199px){.p-intro{margin-top:4.375rem}}@media only screen and (max-width: 767px){.p-intro{margin-top:2.5rem}}.p-intro__text{font-size:1rem;line-height:2.5;text-align:center}.con_step{max-width:1400px}.con_step .box_step{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:6.66667%}@media only screen and (max-width: 767px){.con_step .box_step{margin-top:6.61765%}}.con_step .wrp_step{position:relative;background:linear-gradient(222.93deg, #4cb9de 3.28%,#86a8f5 82.19%,#9ec6f6 99.13%);border-radius:.375rem;overflow:hidden;box-sizing:border-box}.con_step .wrp_step:before{content:'';display:block;position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#FFF;border-radius:.375rem;overflow:hidden}.con_step .wrp_step>*{position:relative;z-index:2}.con_step .wrp_step .st{font-family:"Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.375rem;line-height:1.45455;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .wrp_step .st{font-size:1.25rem}}@media only screen and (max-width: 767px){.con_step .wrp_step .st{font-size:1.125rem}}.con_step .wrp_step .sst{text-align:center;margin-top:1.25rem}@media only screen and (max-width: 767px){.con_step .wrp_step .sst{margin-top:.9375rem}}.con_step .wrp_step .sst>span{font-size:1rem;line-height:2.5;color:#fff;background:#383740;border-radius:2em;padding:.25rem 1.25rem;box-sizing:border-box}.con_step .wrp_step .data{font-family:"Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.625rem;line-height:1.38462;letter-spacing:.02em;color:#66c;text-align:center;margin-top:1.25rem}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .wrp_step .data{font-size:1.5rem}}@media only screen and (max-width: 767px){.con_step .wrp_step .data{font-size:1.375rem}}@media only screen and (max-width: 767px){.con_step .wrp_step .data{margin-top:1.5625rem}}.con_step .wrp_step .data em{font-family:"Roboto Condensed", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:5.625rem;letter-spacing:0;line-height:.97778}.con_step .wrp_step .txt{font-size:1rem;line-height:2.5;margin-top:1.875rem}@media only screen and (max-width: 767px){.con_step .wrp_step .txt{margin-top:.9375rem}}.con_step .wrp_step .txt.center{text-align:center}.con_step .col4 .wrp_step{width:22.85714%;padding:3.57143%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col4 .wrp_step{width:48.33333%}}@media only screen and (max-width: 767px){.con_step .col4 .wrp_step{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col4 .wrp_step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col4 .wrp_step{padding:6.61765%}}.con_step .col4 .wrp_step:nth-child(4) .data em{font-size:5rem}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_step .col4 .wrp_step{padding:3.57143% 2.5%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col4 .wrp_step:nth-child(n+3){margin-top:3.75%}}@media only screen and (max-width: 767px){.con_step .col4 .wrp_step+.wrp_step{margin-top:6.61765%}}.con_step .col2 .wrp_step{width:47.14286%;padding:4.28571% 0}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col2 .wrp_step{padding:3.75% 0}}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step{padding:6.61765% 0}}.con_step .col2 .wrp_step .img{width:83.33333%;margin:9.09091% auto 0}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step .img{width:86.76471%}}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step .img{margin:8.82353% auto 0}}.con_step .col2 .wrp_step .img img{width:100%}.con_step .col2 .wrp_step .txt{width:81.81818%;margin:1.875rem auto 0}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step .txt{width:86.76471%}}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step .txt{margin:.9375rem auto 0}}.con_step .col2 .wrp_step .txt+.txt{margin:.9375rem auto 0}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step .txt+.txt{margin:.9375rem auto 0}}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step+.wrp_step{margin-top:6.61765%}}.con_step .col2 .wrp_step+.wrp_step .img{width:65.15152%;margin:7.57576% auto 0}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step+.wrp_step .img{width:77.94118%}}@media only screen and (max-width: 767px){.con_step .col2 .wrp_step+.wrp_step .img{margin:7.35294% auto 0}}.con_step .col_occ .wrp_step{width:100%;padding:5%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col_occ .wrp_step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step{padding:6.61765%}}@media only screen and (min-width: 768px){.con_step .col_occ .wrp_step .wrp_st{display:flex;justify-content:center;align-items:center}.con_step .col_occ .wrp_step .wrp_st .sst{margin-top:0;margin-left:1.5rem}}.con_step .col_occ .wrp_step .wrp_img{max-width:1200px;margin:4.07143% auto 0}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img{margin:8.82353% auto 0}}@media only screen and (min-width: 768px){.con_step .col_occ .wrp_step .wrp_img{display:flex;justify-content:center}}.con_step .col_occ .wrp_step .wrp_img>.img{width:30.5%}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img>.img{width:100%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_step .col_occ .wrp_step .wrp_img>.img{width:64.5%}}.con_step .col_occ .wrp_step .wrp_img .col2_img{width:50%;margin-left:6.33333%;display:flex;justify-content:space-between}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img .col2_img{width:100%}}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img .col2_img{margin-left:0}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_step .col_occ .wrp_step .wrp_img .col2_img{display:block;width:29.16667%}}.con_step .col_occ .wrp_step .wrp_img .col2_img .img{width:48.33333%;overflow:hidden;border-radius:.375rem}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img .col2_img .img{width:48.52941%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_step .col_occ .wrp_step .wrp_img .col2_img .img{width:100%}.con_step .col_occ .wrp_step .wrp_img .col2_img .img+.img{margin-top:3.75%}}@media only screen and (max-width: 767px){.con_step .col_occ .wrp_step .wrp_img .col2_img .img{margin-top:6.61765%}}.con_step .col_loc .wrp_step{width:100%;padding:5% 5.42857%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col_loc .wrp_step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col_loc .wrp_step{padding:6.61765%}}@media only screen and (min-width: 768px){.con_step .col_loc .wrp_step{display:flex;justify-content:space-between}}.con_step .col_loc .wrp_step .wrp_txt{width:33.17308%;box-sizing:border-box}@media only screen and (max-width: 767px){.con_step .col_loc .wrp_step .wrp_txt{width:100%}}@media only screen and (min-width: 768px){.con_step .col_loc .wrp_step .wrp_txt{border-right:1px solid #cacaca}.con_step .col_loc .wrp_step .wrp_txt .st{text-align:left}.con_step .col_loc .wrp_step .wrp_txt .txt{width:83.09179%}}.con_step .col_loc .wrp_step .img{width:60.97756%}@media only screen and (max-width: 767px){.con_step .col_loc .wrp_step .img{width:100%}}@media only screen and (max-width: 767px){.con_step .col_loc .wrp_step .img{margin-top:6.61765%;padding-top:6.61765%;border-top:1px solid #cacaca}}.con_step .col3 .wrp_step{width:35.71429%;padding:3.57143%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step{width:47.14286%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step{padding:6.61765%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step+.wrp_step{margin-top:6.61765%}}.con_step .col3 .wrp_step .data .per{font-family:"Roboto Condensed", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:5rem;letter-spacing:0;line-height:1}.con_step .col3 .wrp_step .data .ave{font-size:1.375rem;letter-spacing:0}.con_step .col3 .wrp_step .data .sup{display:block;width:100%;text-align:center;font-size:1rem;line-height:2.5;letter-spacing:0}.con_step .col3 .wrp_step:nth-child(3){width:22.85714%;padding:0;background:transparent}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3){width:100%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3){width:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3){display:flex;justify-content:space-between;margin-top:6.66667%}}.con_step .col3 .wrp_step:nth-child(3):before{display:none}.con_step .col3 .wrp_step:nth-child(3) .step{padding:9.375%;position:relative;background:linear-gradient(222.93deg, #4cb9de 3.28%,#86a8f5 82.19%,#9ec6f6 99.13%);border-radius:.375rem;overflow:hidden;box-sizing:border-box}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3) .step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3) .step{padding:6.61765%}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_step .col3 .wrp_step:nth-child(3) .step{padding:9.375% 6.25%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3) .step{width:47.14286%}}.con_step .col3 .wrp_step:nth-child(3) .step:before{content:'';display:block;position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#FFF;border-radius:.375rem;overflow:hidden}.con_step .col3 .wrp_step:nth-child(3) .step .txt{width:100%;font-size:1rem;line-height:1.5;margin-top:.625rem}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3) .step .txt{margin-top:.9375rem}}.con_step .col3 .wrp_step:nth-child(3) .step:nth-child(1) .data{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin-top:.625rem}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3) .step:nth-child(1) .data{margin-top:1.5625rem}}.con_step .col3 .wrp_step:nth-child(3) .step+.step{margin-top:4.375%;padding:1.5625% 9.375% 6.25%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3) .step+.step{margin-top:0}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3) .step+.step{margin-top:6.61765%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_step .col3 .wrp_step:nth-child(3) .step+.step{padding:3.75%}}@media only screen and (max-width: 767px){.con_step .col3 .wrp_step:nth-child(3) .step+.step{padding:6.61765%}}@media only screen and (min-width: 1200px){.con_step .col3 .wrp_step:nth-child(3) .step+.step{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap}}@media print{.con_step .col3 .wrp_step:nth-child(3) .step+.step{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap}}.con_step .col3 .wrp_step:nth-child(3) .step>*{position:relative;z-index:2}.c-viewmore{margin-top:11.77083%}@media only screen and (min-width: 768px) and (max-width: 1199px){.c-viewmore{margin-top:18.83333%}}@media only screen and (max-width: 767px){.c-viewmore{margin-top:29.73684%}}
