#guidance{background: #4f46e5;padding: 75px 0;}
#guidance .guidance_box{display: flex;flex-direction: row;column-gap: 30px;justify-content: space-between;align-items: center;}
#guidance .guidance_box .guidance_box_l{width: 50%;display: flex;align-items: flex-start;flex-direction: column;row-gap: 30px;}
#guidance .guidance_box .guidance_box_l .title {font-size: 36px;font-weight: bold;color: #FFF;}
#guidance .guidance_box .guidance_box_l a {font-size: 16px;background: #ffc55f;padding: 14px 30px;border-radius: 999px;cursor: pointer;font-weight: bold;}
#guidance .guidance_box .guidance_box_r{width: 50%;display: grid;-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 30px) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));row-gap: 30px;column-gap: 30px;}
#guidance .guidance_box .guidance_box_r .item {padding: 20px;border-radius: 20px;background: #FFF;display: flex;align-items: center;justify-content: center;flex-direction: column;row-gap: 10px;color: #000;}
#guidance .guidance_box .guidance_box_r .item .item_title{text-align: center;font-size: 18px;}
#index_index #guidance{background-color: transparent;padding-top: 0;padding-bottom: 130px;margin-top: 30px;}
#index_index #guidance .guidance_box .guidance_box_l .title{color: #333;}

@media (max-width: 1024px) {
    #guidance{padding: 8vw 0;}
    #guidance .guidance_box{flex-direction: column;row-gap: 30px;}
    #guidance .guidance_box .guidance_box_l .title {font-size: 6vw;}
    #guidance .guidance_box .guidance_box_l,
    #guidance .guidance_box .guidance_box_r{width: 100%;}
    #guidance .guidance_box .guidance_box_l{row-gap: 4vw;}
    #guidance .guidance_box .guidance_box_r{-webkit-grid-template-columns: repeat(2, calc((100% - 1 * 4vw) / 2));-ms-grid-columns: repeat(3, calc((100% - 2 * 4vw) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 4vw) / 3));row-gap: 4vw;column-gap: 4vw;}
    #guidance .guidance_box .guidance_box_r .item .item_title{font-size: 14px;}
}
@media (max-width: 500px) {
    #guidance .guidance_box .guidance_box_l a {font-size: 14px;padding: 2.5vw 5vw;}
    #guidance .guidance_box .guidance_box_r{-webkit-grid-template-columns: repeat(2, calc((100% - 1 * 4vw) / 2));-ms-grid-columns: repeat(2, calc((100% - 1 * 4vw) / 2));grid-template-columns: repeat(2, calc((100% - 1 * 4vw) / 2));}
}